百度地图api

今天需要在公司官网展示公司坐标,也学习一下百度地图的其他api

HTML

  <div id="mapContainer" style="height: 500px"></div>

js

const map = new BMapGL.Map("mapContainer");//创建地图
      const point = new BMapGL.Point(118.7120561, 37.44010828);设置公司坐标
      const marker = new BMapGL.Marker(point);//创建坐标图标
      map.centerAndZoom(point, 15);//在地图中展示位置坐标和地图层级
      map.enableScrollWheelZoom();//是否设置鼠标滚轮改变地图层级
      map.addOverlay(marker);//添加坐标图标
      map.setHeading(64.5);//3D
      map.setTilt(73);//3D
      map.setDisplayOptions({
        skyColors: ["rgba(186, 0, 255, 0)", "rgba(186, 0, 255, 0.2)"],
      });//3D时候设置天空颜色
    

posted @ 2022-09-26 09:07  xuelin  阅读(84)  评论(0)    收藏  举报