leaflet

前言：canvas是一个非常好的东西，但是这个东西如何与leaflet进行结合，翻了一遍LeaFlet的API没有发现如何用canvas和LeaFlet相结合，难道两者无法集合天无绝人之路，最终我还是找到了DivIcon相结合，能达到目的。也可以利用DivIcon做一些简单的动画，当然也可以同样结合canvas进行绘图动画，下面就看一下如何结合： 效果图： 一、声明DIVIcon var myIcon = L.divIcon({ html: '<canvas id="tutorial" width="300" height="300"></canvas>', //className: 'css_animation', iconSize: 10, bgPos: [31.864942016, 117.2882028929] }); L.marker([31.864942016, 117.2882028929], { icon: myIcon}).addTo(map); 二、canvas绘图函数封装 function draw() { var canvas = document.getElementById('tutorial'); if (!canvas.getContext) return; var ctx = canvas.getContext("2d"); ctx