Leaflet
关注
分享
扫一扫
cellinlab
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Leaflet初体验0x1：标注，弹窗，事件
Markers, circles and polygons //添加标注 var marker = L.marker([42.05,121.66]).addTo(mymap); //画圆 var circle = L.circle([42.05,121.64],{ color:'red', fillColor:'#f03', fillOpacity:0.5, radius:500 })...原创 2019-01-03 15:55:51 · 1454 阅读 · 0 评论 -
Leaflet初体验0x2：使用自定义标记图标
准备图片： 创建图标： //通过L.Icon定义图标对象 var greenIcon = L.icon({ iconUrl:'./leaf-green.png', shadowUrl:'./leaf-sahdow.png', iconSize:[38,95], shadowSize:[50,64], iconAnchor:[22,94],//标记点在图标上位置 shadow...原创 2019-01-04 14:24:10 · 3887 阅读 · 0 评论 -
Leaflet初体验0x3：GeoJSON
目录 什么是GeoJSON ？ 一个简单的 GeoJSON要素 GeoJSON图层 其他设置 Style（样式） 简单方法设置样式 函数方法设置样式 pointToLayer onEachFeature filter 完整代码： 许多GIS技术和服务中，GeoJSON正成为一...原创 2019-01-06 21:03:46 · 2874 阅读 · 4 评论 -
Leaflet初体验0x0：加载目的地地图
页面初始化 link或script中的 integrity 属性：为了防止 CDN 篡改 javascript 用的。 <!DOCTYPE html> <html> <head> <title>Hello Leaflet!</title> <meta charset="utf...原创 2019-01-03 11:11:50 · 287 阅读 · 0 评论 -
Leaflet初体验0x5 图层组和图层控件
利用图层组将多个图层组织一起，利用图层控件可以实现让用户切换图层。 图层组 //直接添加到地图 var lgdYL = L.marker([42.046488, 121.655045]).bindPopup('这里是辽工大玉龙校区！').addTo(mymap), lgdXH = L.marker([42.02137, 121.659164]).bindPopup('这里是辽工大细河...原创 2019-01-12 23:14:47 · 1768 阅读 · 0 评论 -
Leaflet初体验0x4：交互式等值图
利用GeoJSON和一些自定义控件创建一个彩色交互式美国各州人口密度分布图的案例。 数据源 GeoJSON数据(us-states.js)的每个要素结构如下: { "type": "Feature", "properties": { "name": "Alabama", "density": 94.65原创 2019-01-08 22:06:39 · 908 阅读 · 0 评论