码迷,mamicode.com
首页 > 其他好文 > 详细

批量添加marker至地图

时间:2016-08-01 15:51:14      阅读:381      评论:0      收藏:0      [点我收藏+]

标签:

//定义要素组存放marker

var picGroupMarker = new L.featureGroup();

//marker自定义图片.另外,className可以自定义icon的显示样式,如闪烁等.

var imgIcon = new L.icon({  

  iconUrl: ‘images/marker-icon.png‘,
  iconRetinaUrl: ‘images/marker-icon@2x.png‘,
  iconSize: [25, 41],

  className: ‘‘,

  iconAnchor: [22, 94],
  popupAnchor: [-3, -6],
  shadowUrl: ‘images/marker-shadow.png‘,
  shadowRetinaUrl: ‘images/marker-shadow@2x.png‘,
  shadowSize: [68, 95],
  shadowAnchor: [22, 94]

});

//创建marker,注意坐标点对纬度在前,经度在后.

var myMarker = L.marker([lat,lng], {icon:  imgIcon});

//marker添加到要素组

myMarker.addTo(picGroupMarker);

//要素组添加到地图

picGroupMarker.addTo(map);

//移除所有marker

map.removeLayer(picGroupMarker);

//移除之后重新添加,需要picGroupMarker为全局变量

map.addLayer(picGroupMarker);

批量添加marker至地图

标签:

原文地址:http://www.cnblogs.com/eastcom/p/5725737.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!