随笔分类 - leaflet
摘要：效果图： 加载天地图、谷歌地图代码如下： // 天地图墨卡托 //底图 const image = L.tileLayer('http://t{s}.tianditu.gov.cn/img_w/wmts?tk=密钥&SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0
阅读全文
摘要：转自出处： https://blog.csdn.net/m0_61922056/article/details/124837466 第一步： 到天地图官网（国家地理信息公共服务平台 天地图）注册账号，然后登陆，再点击图中的开发资源，在点击后会弹出选择框，再点击地图api（天地图API）。这里直接点击
阅读全文
摘要：简介 纯JavaScript,在地图上进行操作(坐标点,路径,曲线等)的一个库,只提供操作地图API,实际加载某个地图,由开发者决定 创建地图对象 1) 页面创建div,设置div属性撑满整个屏幕,设置div中id属性2) 使用leafletAPI初始化地图对象 // mapDiv为id名字,set
阅读全文
摘要：这篇笔记就是github上的一个例子：https://github.com/Leaflet/Leaflet.markercluster 个人把例子里的插件保存在了github仓库：https://goldmemory.github.io/MarkerCluster.zip 代码：<!DOCTYPE
阅读全文
摘要：最近在leaflet开发过程中，遇到地图数据需要按时序播放的需求，处理思路是将每个时间节点的要素添加到layerGroup中，然后通过切换layerGroup的显示隐藏来实现效果。翻看leaflet的API文档，发现leaflet中没有直接控制layerGroup显示隐藏的方法，那如何来实现laye
阅读全文
摘要：可执行示例一个，如下： <!DOCTYPE html> <html> <head> <title>Layers Control Tutorial - Leaflet</title> <meta charset="utf-8" /> <meta name="viewport" content="wid
阅读全文
摘要：1.featureGroup图层创建 在实际项目中地图数据分为不同类型，这时如果把所有数据同时加载到地图上来进行操作会带来各种问题，所以此时需要利用L.featureGroup方法创建不同的图层，用来加载不同类型的数据，以方便操作，具体方法如下： var _viewSpotLayer=new L.f
阅读全文
摘要：map.on('zoomend', (e) => { //获取当前放大或者缩小的等级 let scale = e.target.getZoom(); });
阅读全文
摘要：BY GISER · 2018-09-21 目录 1、常用地图切换加载（osm、google、baidu、gaode、tianditu.etc） 2、切片地图加载（wmts）（支持矢量切片） 3、wms地图服务加载 4、视窗范围框定（只容许查看和编辑给定范围地图） 5、地图要素显示比例尺控制（不同比
阅读全文
摘要：leaflet使用百度地图，叠加层使用硬件/谷歌坐标。 leaflet默认使用硬件/谷歌坐标，使用百度地图需要进行坐标偏移。就是把硬件/谷歌坐标转换成百度坐标。 网上搜到一些解决方法，但是总是不奏效。最后还是拿网上的改了下 参考了以下文章： https://blog.csdn.net/u012087
阅读全文
摘要：参考：https://www.jianshu.com/p/b48ec99011c2 leaflet使用百度地图，叠加层使用硬件/谷歌坐标。leaflet默认使用硬件/谷歌坐标，使用百度地图需要进行坐标偏移。就是把硬件/谷歌坐标转换成百度坐标。 网上搜到一些解决方法，但是总是不奏效。最后还是拿网上的改
阅读全文
摘要：Leaflet 使用 最近在Angular项目中，用到了地图，由于种种原因放弃了百度地图api使用，最后选择了leaflet，简单介绍一下。 介绍： Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库， 并只有38k，包含了大多数开发者需要的地图特点。 准备：下载 le
阅读全文
摘要：Leaflet调用各种地图的功能十分复杂，幸好有leaflet.ChineseTmsProviders这个插件，这四种地图直接就可以加载进来，十分方便。 下面是我做的例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
阅读全文
摘要：话不多说，先上效果图 以前在做项目时，经常会听到客户说，你们这个地图是哪来的，太丑了，能不能换成百度地图……高德也行…… 大家生活中，基本上都已经习惯了使用百度地图和高德地图，而在做项目时，用这两个地图做为底图，也基本成为了标配。但在开发中使用这两个地图，会遇到一个拦路虎，坐标偏移问题。 全球现在用
阅读全文
浙公网安备 33010602011771号