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

  • 项目应用环境为纯内网,环境开发必备:本地离线地图瓦片资源、离线API
  • 本地离线地图瓦片资源

        高德地图官方API是支持OGC标准WMTS地图、XYZ格栅图层。

  1. 通过biegmap等地图资源下载地图瓦片进行本地部署搭建离线地图服务。
  2. 通过API进行加载XYZ格栅图层方式,访问本地瓦片即可实现离线地图资源加载。
  • 地图渲染事件操作
  1. 下载官方JS API本地部署正常访问即可
  2. 添加格栅图层,替换getTileUrl路径
  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);

    }

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值