博客 / 詳情

返回

基於高德地圖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);
    }
user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.