高德地图-手绘地图展示

X3587

已于 2022-10-10 10:34:08 修改

阅读量1.1k

点赞数 1

分类专栏：高德地图文章标签：前端 vue.js javascript

于 2022-10-10 10:11:28 首次发布

本文链接：https://blog.csdn.net/weixin_42241797/article/details/127239072

版权

高德地图专栏收录该内容

1 篇文章

订阅专栏

1、图片图层API

const initMap = () => {
 let imageLayer = new AMap.ImageLayer({
    url: "/m111.png",//手绘地图图片
    bounds: new AMap.Bounds(
      //图片对角坐标经纬度
      [160.08331298828125, 38.257063402365475],
      [160.1300048828125, 38.285767970425376]
    ),
    zooms: [12, 20],
  });
 let map = new AMap.Map("map", {
    center: [160.091458322123344, 38.276303288864256],
    zoom: 18,
    layers: [new AMap.TileLayer(), imageLayer],
  });
};

2、效果