Esri Leaflet 第一个例子:加载ArcGIS底图

本文介绍了如何利用Leaflet库与Esri Leaflet插件显示ArcGIS基础底图。通过引入Leaflet.js、leaflet.css和esri-leflet.js,可以支持ArcGIS Online的多种底图类型,如街道图、地形图、灰色和深灰色风格地图。在esri-leaflet.js中预定义了这些底图的参数,开发者可以直接使用或自定义底图。
摘要由CSDN通过智能技术生成

Leaflet是一种开源的JavaScript 地图库,算是WebGIS中比较主流的地图库,轻量、插件丰富、社区活跃度高,相对来说比较成熟。就在前不久,刚发布了新版本1.3.3。

下面,将介绍如何显示ArcGIS基础底图。

首先,在加载Leaflet的代码和样式,Leaflet.js、leaflet.css;加载Esri Leaflet库: esri-leflet.js。

  <!-- lets load Leaflet's .js and .css from CDN-->
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.3/dist/leaflet.css" />
  <script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js"></script>

  <!-- Load Esri Leaflet from CDN.  it has no .css stylesheet of its own, only .js -->
  <script src="https://unpkg.com/esri-leaflet@2.2.1/dist/esri-leaflet.js"></script>

支持的基础底图
         支持ArcGIS Online的基础底图ÿ

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值