码迷,mamicode.com
首页 >  
搜索关键字:leaflet    ( 110个结果
leaflet使用百度地图
参考:https://www.jianshu.com/p/b48ec99011c2 leaflet使用百度地图,叠加层使用硬件/谷歌坐标。leaflet默认使用硬件/谷歌坐标,使用百度地图需要进行坐标偏移。就是把硬件/谷歌坐标转换成百度坐标。 网上搜到一些解决方法,但是总是不奏效。最后还是拿网上的改 ...
分类:其他好文   时间:2021-05-24 14:58:40    阅读次数:0
Leaflet:LatLng、LatLngBounds、Point、Bounds、Icon
LatLng 代表一个有着确定经纬度坐标的地理点。 1、用例 var latlng = L.latlng(50.5,30.5); 所有Leaflet的方法中接收的LatLng参数均可以用数组[ ]或者一个表示经纬度的Key/Value表示: map.panTo( [50,30] ); map.pan ...
分类:其他好文   时间:2020-11-19 12:21:28    阅读次数:5
Leaflet:Marker、Popup类
Marker、Popup、Tooltip类都是继承自Layer类:Event与Layer Marker 1、用例 L.marker([41,123]).addTo(map); 2、实例化 L.marker(<LatLng> latlng , <Marker options> options) 3、参 ...
分类:其他好文   时间:2020-11-17 12:41:43    阅读次数:7
支持Canvas的Leaflet.Path.DashFlow动态流向线
通过对leaflet以及其插件的学习,我们了解到使用Leaflet.Path.DashFlow插件可实现轨迹动态展示、管道流向动态展示、河流流向动态展示等,达到增强可视化展示的效果。该插件使用方式非常简单,只需在正常添加线的时候,加入dashArray和dashSpeed参数即可。核心代码如下: 注 ...
分类:其他好文   时间:2020-11-16 13:41:32    阅读次数:7
使用html2canvas 进行leaflet地图截图
1 function getImageWithText(canvas, text) { 2 3 const context = canvas.getContext("2d"); 4 5 // add the screenshot data to the canvas 6 7 // let rawDa ...
分类:Web程序   时间:2020-08-04 14:14:38    阅读次数:145
leaflet 绘制 点 线 面 圆 椭圆 线缓冲区
leaflet有个绘图插件Leaflet.draw,但是我不想要它的控件,只想用它的绘制功能,控件我自己提供,当时不知道如何使用,就自己写了个绘制点线面圆和椭圆的工具,代码如下: /// <reference path="define.js" /> /// <reference path="icon ...
分类:其他好文   时间:2020-08-01 12:37:40    阅读次数:90
leaflet 添加featureLayer 并自定义样式
1 let url = "https://xxx.arcgis.com/arcgis/rest/services/line_0706_3857/FeatureServer/0"; //此处为地址样式,不是完整的地址,请填写服务的完整地址。 2 3 var LineLayer = esri.featu ...
分类:其他好文   时间:2020-07-14 16:33:40    阅读次数:152
leaflet 自定义 featurelayer的 popup
1 let linepopup; 2 3 LineLayer.on('mouseover', function (e) { 4 5 let loc = e.layer.feature.geometry.coordinates; 6 let tooltip = e.layer.feature.prop ...
分类:其他好文   时间:2020-07-13 09:53:39    阅读次数:120
leaflet 根据缩放级别控制图层的显示
map.on('zoomend ', function (e) { let zoom = map.getZoom(); if (zoom > 10) { map.addLayer(LineLayer); } else if (zoom <= 10) { map.removeLayer(LineLay ...
分类:其他好文   时间:2020-07-13 09:53:07    阅读次数:219
leaflet 自定义弹出样式
<!DOCTYPE html> <html> <head> <title>Leaflet Web Map</title> <!-- reference to Leaflet CSS --> <link rel="stylesheet" href="https://d19vzq90twjlae.clo ...
分类:其他好文   时间:2020-07-13 09:28:59    阅读次数:187
110条   1 2 3 4 ... 11 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!