Webpack v4.14.0 实践

之前使用 leaflet 开发地图相关功能时，采用最原始的 ` 和 标签依次添加所有 JS 和 CSS 文件，随着文件的增多每次更改内容时都要修改对应的版本号，十分麻烦。之前基于 create-react-app` 这个脚手架创建的项目每次都会把所有文件打包的一个文件中，当时只知道使用了 webpack（是一个现代 JavaScript 应用程序的静态模块打包 ...

Leaflet 学习系列（四）如何写插件理论篇

本篇主要介绍 Leaflet 开发自定义插件的一些理论知识，在日常开发中，仅仅使用 Leaflet 提供的类虽然能满足一些基本需求，但是在一些功能点的实现上需要我们自己写插件来实现功能。如上文中为了实现点聚合的效果，我们就使用了三方插件，目前 Leaflet 相关的三方插件已经基本满足大部分需求，如果你有一些需求不知道怎么实现，可以先从这里找一找，如果没有找到的合适的 ...

Leaflet 学习系列（三）标记以及矢量图

上文介绍了如何使用 Leaflet 加载地图，实际使用时我们不仅仅只加载地图，更多的会在地图上添加一些标记，结合聚合渲染等可视化效果，更清晰的呈现标记点的分布态势（比如添加银行网点的位置信息，附近的商圈信息等等）。也可以添加一些矢量图并设置不同的样式以及属性来区分不同的业务片区，更加直观的服务于业务（比如添加不同物流站点的配送信息以及站点的配送区域等等）。这些功能的实现则需要使用到 Le ...

Leaflet 学习系列（二）加载地图

上文说到使用 Leaflet 可以方便的加载和切换不同的地图作为底图，Mapbox 地图、谷歌地图、天地图、高德地图、百度地图等。那么本篇文章就来介绍下如何快速开始使用 Leaflet 加载和切换不同的地图，以及地图相关的基础知识。 准备 HTML 页面 需要以下准备步骤： 创建 HTML 页面 <html lan ...

Leaflet 学习系列（一）初识

最近在学习 WebGIS 相关框架，现在 WebGIS 平台基本上有三类：一是专业的 GIS 服务商，像全球最成功的 GIS 软件公司 Esri，其提供了齐全 GIS 软件和平台解决方案。二是提供 WebGIS 的各种服务，如百度地图、高德地图等。三是开源的 GIS 软件，其中 WebGIS 服务器比较有代表性的有 GeoServer，前端开源库有 Leaflet 和 ...

微信小程序集成百度地图 API 及路线规划等功能

目前微信小程序提供了 map 组件用于展示一些地图信息，以及获取当前位置的 API wx.getLocation(OBJECT)。如果想要基于 map 组件做一些扩展功能，就需要集成一些三方 API，如百度地图、高德地图来实现。本文使用百度地图微信小程序 JavaScript API，并增加一些额外功能。 小程序百度地图 简述集成步骤 ...

ArcGIS SnappingManager 捕捉管理器

使用 SnappingManager 可以用于给 Editor, Measurement Widget, Draw toolbar 以及 Edit toolbar 等添加捕捉功能。 使用场景 当在地图上添加几何时，由于缩放级别，无法令两个几何相邻的边准确的重叠在一起，或者无法准确的在一条边上添加点，此时可以开启捕捉功能，当鼠标位置在响应范围内时，会自动移动到对应的边、顶点或者点。 ...

微信小程序自定义组件实践

从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。 >开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。 作为一个小程序初学者，一开始看到自定义组件时，虽然文档已经写的很详细了，整体上都能看 ...