关于javascript:基于高德地图API开发纯内网离线应用

104次阅读

共计 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&ltype=11',
        zIndex: 100
    });

    // 增加图层
    function addXYZTileLayer() {map.add(xyzTileLayer);
    }

正文完
 0