1. 基本说明 本项目实现了离线展示百度、谷歌、高德、腾讯地图。主要功能如下: 实现了地图瓦片图下载、存储。目前支持存储至MySQL Node.js服务调用MySQL中的瓦片图 Leaflet展示地图 展示效果如下: 2. 地图瓦片下载工具及配置 工具下载链接: http://pan.baidu.c ...
分类:
数据库 时间:
2017-12-06 19:45:14
阅读次数:
402
概述:本文基于《Openlayer4中风场的实现》一文,使用leaflet实现流动风场的效果。 废话不多说,下面贴上代码: 1、wind算法及扩展: 2、前端调用 其实整体代码与原博主贴出的相差无几,只是有几处方法的调用上,openlayer与leaflet的方法不同,如: 1、第10行map.ge ...
分类:
其他好文 时间:
2017-11-29 11:28:25
阅读次数:
1119
最新项目在使用 Leaflet 做地图,需要增加标注,意外发现,Leaflet竟然没有良好的 label 功能,还好,Leaflet 的 Plugins 中有不少扩展。
最后选择“Leaflet.LabelTextCollision”,demo采用的是 Leaflet version "1.0.1+ffcfcc1" 。当我把 Leaflet 换成 1.2.0 以后,出现grouplayer赋值异常。本文是该异常说明,并给出了解决方案。
分类:
其他好文 时间:
2017-11-28 16:47:08
阅读次数:
339
1.环境准备 1)下载leaflet.js插件, 官网传送:http://leafletjs.com/ 2)下载esri-leaflet.js插件, 官网传送:http://esri.github.io/esri-leaflet/ 3)下载heatmap.js插件, 官网传送:https://www ...
分类:
其他好文 时间:
2017-11-01 18:53:08
阅读次数:
203
官网:http://leafletjs.com/examples.html 快速启动指南 http://leafletjs.com/examples/quick-start/example.html 一个简单的一步一步的引导,很快就会让你开始用传单的基础知识,包括建立一个单张地图(Mapbox瓷砖) ...
分类:
其他好文 时间:
2017-10-20 14:11:19
阅读次数:
266
今天大意了解了一下leaflet这个开源的 JavaScript 库,很强大。 结合腾讯地图,做了个简单的demo,作为一个学习的起点吧(各种API结合自身的业务) ...
分类:
其他好文 时间:
2017-10-11 20:22:06
阅读次数:
3359
前言:虽然Leaflet提供了强大的画图工具,不过它的速度不是很尽人意,当数据量较大的时候,需要较长的渲染时间,交互好感度会降低。因此我们可以考虑使用D3,在leaflet的地图上蒙上一个svg,在svg上画图会加快一些速度,获得更好的交互体验。 D3官网上有Leaflet+D3的相关介绍https ...
分类:
其他好文 时间:
2017-08-21 15:53:45
阅读次数:
474
前言:转眼之间,实习已经过去快一周了,在这段时间里自己接触了许多新鲜的语言,学习了很多新的技术,在此总结梳理一下,希望能对其他的初学者有所帮助,不正之处,请多指教 项目主要的框架是Node.js Express,网页使用了Leaflet和d3,在数据库查询传递中使用了jquery的ajax。 现在所 ...
分类:
Web程序 时间:
2017-08-13 22:19:59
阅读次数:
267
今天要介绍的是Leaflet——an open-source javaScript library for mobile-friendly interactive maps,一个用于兼容移动端交互地图的开源JS库。 Leaflet 是一个很容易上手的语言库,即使是初学者的JavaScript开发人员 ...
分类:
其他好文 时间:
2017-08-11 22:01:37
阅读次数:
213