随笔分类 -  leaflet

地图
摘要:https://files.cnblogs.com/files/cbb-web/leaflet%E5%AD%A6%E4%B9%A0.rar 之前的步骤都在这个里面。但是手写的代码比较乱,注释也比较少。慎重。 阅读全文
posted @ 2020-03-20 16:59 辛夷不改年年色 阅读(144) 评论(0) 推荐(0) 编辑
摘要:css代码:L.Icon.Pulse.css .leaflet-pulsing-icon { border-radius: 100%; box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.75);}.leaflet-pulsing-icon:after { content: 阅读全文
posted @ 2020-03-20 16:58 辛夷不改年年色 阅读(699) 评论(0) 推荐(0) 编辑
摘要:var circle = L.circle([31.508, 120], { color: 'red',颜色 fillColor: '#f03',//填充颜色 fillOpacity: 0.5,//透明度 radius: 5000//半径}).addTo(map); var polygon = L. 阅读全文
posted @ 2020-03-20 16:57 辛夷不改年年色 阅读(613) 评论(0) 推荐(0) 编辑
摘要:官网https://leafletjs.com/reference-1.6.0.html#marker Icon用法 //图片图标var greenIcon = L.icon({ iconUrl: 'img/leaf-green.png',//图片地址// shadowUrl: 'leaf-shad 阅读全文
posted @ 2020-03-20 16:55 辛夷不改年年色 阅读(298) 评论(0) 推荐(0) 编辑
摘要:将你声明的两个变量放入baseLayers中,并加入相应名字。多个以此类推 调用L.control.layers(baseLayers).addTo(map);地图右上角会出现这个图标 点击出现如下,对应刚刚自己起的名字。点击单选按钮地图切换到相应地图 点击出现 上回的地图初始化中属性 以上两个属性 阅读全文
posted @ 2020-03-20 16:43 辛夷不改年年色 阅读(2094) 评论(0) 推荐(0) 编辑
摘要:一、引入leaflet<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" /><script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet. 阅读全文
posted @ 2020-03-20 16:40 辛夷不改年年色 阅读(1286) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示