<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body style=" margin: 0;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
<div id="map" style="margin:0 auto;width: 100%; height: 100%; z-index: 0; position: absolute"></div>
<script src="dist/include-leaflet.js"></script>
<script src="js/include-web.js"></script>
<script>
''' 地图服务 '''
var data_maps = L.supermap.tiledMapLayer(
"http://localhost:8090/iserver/services/map-xx/rest/maps/map", {
noWrap: true,
transparent: true
});
''' 需要自己申请天地图TOKEN并替换xxx'''
var tiandi_layer = L.supermap.tiandituTileLayer({
url: "http://t0.tianditu.gov.cn/img_c/wmts?tk=xxx",
layerType: "img"
});
''' 需要自己申请天地图TOKEN并替换xxx'''
var tiandi_zj = L.supermap.tiandituTileLayer({
url: "http://t0.tianditu.gov.cn/cia_c/wmts?tk=xxx",
layerType: "cia"
});
var map = L.map('map', {
center: [x, y],
maxZoom: 17,
zoom: 15,
crs: L.CRS.EPSG4326,
layers: [tiandi_layer, tiandi_zj, data_maps]
});
var baseMaps = {
"天地图": tiandi_layer
}
var overlayMaps = {
"天地图图注记": tiandi_zj,
"项目数据": data_maps
};
L.control.layers(baseMaps, overlayMaps).addTo(map);
</script>
</body>
</html>
Supermap Leaflet 地图加载
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
