高德地图使用方法,个人理解是在基础图层上进行再次操作,以下是使用方法,写此次文章的目的是防止自己忘记;

(没人给讲过,自己的理解;有问题的话请大佬指错)

第一步:在高德api开放平台申请应用,保存自己的key值

第二步:引入高德地图js,填写自己的key

<script
      type="text/javascript"
      src="http://webapi.amap.com/maps?v=1.3&key=你自己的key值"
    ></script>

第三步:创建承载地图的div,可以自定义宽高

<div id="map"></div>

第四步:初始化地图,可以添加基本的设置

var map = new AMap.Map("map");
      //   基础设置
      map.setZoom(12); //设置地图层级
      map.setCenter([116.397428, 39.90923]); //设置初始地图中心点 不设置默认为当前位置经纬度
      
      map.setFeatures("road"); //单一种类要素显示,多种要素显示的话可以写成数组类型。
      //类型共有五种;bg:背景地图 point:兴趣点 road:道路  building:建筑

Logo

加入社区!打开量化的大门,首批课程上线啦!

更多推荐