共计 510 个字符,预计需要花费 2 分钟才能阅读完成。
- 我的项目应用环境为纯内网
- 内网环境开发必备:本地离线地图瓦片资源、离线 API
一、本地离线地图瓦片资源
高德地图官网 API 是反对 OGC 规范 WMTS 地图、XYZ 格栅图层。
1、通过 biegmap 等地图资源下载地图瓦片进行本地部署搭建离线地图服务。
2、通过 API 进行加载 XYZ 格栅图层形式,拜访本地瓦片即可实现离线地图资源加载。
二、地图渲染事件操作
1、下载官网 JS API 本地部署失常拜访即可
2、增加格栅图层
var map = new AMap.Map('container', {
resizeEnable: true,
layers: [new AMap.TileLayer.Satellite()]
});
var xyzTileLayer = new AMap.TileLayer({
// 图块取图地址
getTileUrl: 'https://wprd0{1,2,3,4}.is.autonavi.com/appmaptile?x=[x]&y=[y]&z=[z]&size=1&scl=1&style=8<ype=11',
zIndex: 100
});
// 增加图层
function addXYZTileLayer() {map.add(xyzTileLayer);
}
正文完
发表至: javascript
2023-09-06