1.ArcGIS API for JavaScript Demo

• 引入引入arcgis js api

• 然后导入esri/Map、esri/views/MapView 模块，创建地图

• 全部的代码

• 改变加载的地图服务类型。更换 basemap: "hybrid"就为下图效果

  
  

  

2.OpenLayers Demo

• 引入openlayers脚本文件和样式文件

• 使用 ol.Map 创建地图，其中接收三个主要参数:target、layers、view，target是html DOM节点ID，layers是要加载的图层，数组，支持多图层。view定义地图视图的中心点和缩放大小等。

• 完整代码

3.Leaflet.js Demo

• 引入Leaflet.js脚本文件和样式文件

• 新建div，然后创建map对象

• 使用 tileLayer 来创建切片图层

• 通过 Polyline 来创建矢量图层（折线）

• 整个demo代码为：