基于天地图使用Leaflet.js进行WebGIS开发实战
// 引入Leaflet库和天地图插件
import L from 'leaflet';
import 'leaflet-tilelayer-tm';
// 初始化地图并设置中心点和缩放级别
const map = L.map('map').setView([39.9788, 116.30226], 10);
// 创建天地图图层并添加到地图上
L.tileLayer.tm().addTo(map);
// 添加地图控件和标记
L.control.scale().addTo(map);
L.marker([39.9788, 116.30226]).addTo(map)
.bindPopup('北京天猫园')
.openPopup();
// 以上代码创建了一个显示北京天猫园位置的地图，并使用天地图作为底图。这段代码演示了如何使用Leaflet.js和其天地图插件leaflet-tilelayer-tm创建一个简单的WebGIS应用。首先引入必要的库，然后初始化地图，设置中心点和缩放级别，添加天地图图层，控件和标记。这是一个基本的入门示例，展示了如何开始进行WebGIS开发。
评论已关闭