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

  • 我的项目应用环境为纯内网
  • 内网环境开发必备:本地离线地图瓦片资源、离线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);
    }

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理