用高德地图api实现一个点亮城市效果代码
代码语言:html
所属分类:其他
代码描述:用高德地图api实现一个点亮城市效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<title>地图炫酷点闪烁</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.2&key=c75741b6f2144f1c55dddbb864d76b4b"></script>
<style type="text/css">
body,
html,
#map {
height: 100%;
margin: 0px;
font: 12px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial;
}
</style>
</head>
<body>
<div id="map" tabindex="0"></div>
<script type="text/javascript" >
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
(global.FlashMarker = factory());
}(this, (function () { 'use strict';
function CanvasLayer(options) {
this.options = options || {};
this.zIndex = this.options.zIndex || 0;
this._map = options.map;
this.show();
}
CanvasLayer.prototype.initialize = function () {
var map = this._map;
var canvas = this.canvas = document.createElement('canvas');
canvas.id = 'myCanvas';
var ctx = this.ctx = this.canvas.getContext('2d');
ca.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0