使用leaflet地图划线，加marker标记点移动

使用leaflet地图划线，加marker标记点移动

使用到的插件： leaflet.polylineDecorator.js MovingMarker.js leaflet.js

地图画一条虚线代码如下
显示地图

var host = window.isLocal ? window.server : "https://iserver.supermap.io";
var map, url = host + "/iserver/services/map-world/rest/maps/世界地图_Gray";
map = L.map('map', {
crs: L.CRS.EPSG4326,
center: [21.631799,113.752183],
maxZoom: 20,
zoom: 5
});
L.supermap.tiledMapLayer(url).addTo(map);
//画虚线
var pathPattern = L.polylineDecorator(
[ [ x,y ], [
39.916527,116.397128 ] ],
{
patterns: [
{ offset: 0, repeat: 10, symbol: L.Symbol.dash({pixelSize: 5, pathOptions: {color: '#000', weight: 1, opacity: 0.2}}) },
{ offset: '16%', repeat: '100%', symbol: L.Symbol.marker({rotate: true, markerOptions: {
icon: L.icon({

最后

以上就是天真小天鹅为你收集整理的使用leaflet地图划线，加marker标记点移动的全部内容，希望文章能够帮你解决使用leaflet地图划线，加marker标记点移动所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。