用高德地图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