【leaflet】地图显示、标记、图层切换
2016-02-03 18:23
246 查看
leaflet
地图和marker显示:http://leafletjs.com/examples/quick-start.html
marker自定义图片:http://leafletjs.com/examples/custom-icons.html
图层切换(控制):http://leafletjs.com/examples/layers-control.html(其中cities的marker数组是option,可以删去)
具体文档:http://leafletjs.com/reference.html#marker
----------------------------------------------------------------------------------------------------------------------------------------------
移除Marker:
思路》》把marker放到layer中,删除layer,因为Marker实现了ILayer接口
添加时:map.addLayer(marker); //而不用marker.addTo(map);
删除时:map.removeLayer(marker);
Geojson图层:
地图和marker显示:http://leafletjs.com/examples/quick-start.html
marker自定义图片:http://leafletjs.com/examples/custom-icons.html
图层切换(控制):http://leafletjs.com/examples/layers-control.html(其中cities的marker数组是option,可以删去)
具体文档:http://leafletjs.com/reference.html#marker
----------------------------------------------------------------------------------------------------------------------------------------------
移除Marker:
思路》》把marker放到layer中,删除layer,因为Marker实现了ILayer接口
添加时:map.addLayer(marker); //而不用marker.addTo(map);
删除时:map.removeLayer(marker);
Geojson图层:
//画导航线路 function drawGeojson(json){ if(map.hasLayer(routeline)){ map.removeLayer(routeline); } var route = [{ "type": "LineString", "coordinates": json }]; routeline = L.geoJson(route,{style:{"color": "#FF7F00", "weight": 5,"opacity": 0.65 }}); map.addLayer(routeline); }
相关文章推荐
- 根据wsdl生成java代码的方法总结
- arduino pro mini烧录问题
- 收藏6
- shell脚本ssh自动登陆服务器
- ASP.NET MVC4中的bundles特性引发服务器拒绝访问(403错误)
- MySQL 5.6 & 5.7最优配置模板
- nyoj 489
- 11 正则表达式
- 如何导入导出sitescope数据
- gmsh学习记录
- docker导出镜像和导入镜像
- Android的消息机制
- 广西首届网络安全选拔赛 MISC Wirteup
- Python实现CART(基尼指数)
- POSIX规范
- 《数据库索引设计优化》读书笔记(六)
- xcode中打开lua代码有色差
- Uvaoj 10763详解+思想(不只是题的思想)
- 部署linux服务器常见问题
- iOS中点击顶部statusBar让tableView回到第一行