高德地图属性

最新推荐文章于 2023-12-01 17:09:30 发布

原创

最新推荐文章于 2023-12-01 17:09:30 发布 · 2k 阅读

标签

#echarts #前端 #javascript

收录于

容器   

 var map = new AMap.Map('container', {
   
   
        resizeEnable: true, //是否监控地图容器尺寸变化
        zoom:11, //初始化地图层级
        center: [116.397428, 39.90923] //初始化地图中心点
    });

圆形图

      var circle = new AMap.Circle({
   
   
        center: new AMap.LngLat(113.305315, 22.842663),  // 圆心位置
        radius: 1000, // 圆半径
        fillColor: '#1791fc',   // 圆形填充颜色
        strokeColor: '#fff', // 描边颜色
        strokeWeight: 2, // 描边宽度
        fillOpacity: 0.4,
        strokeStyle: 'dashed',//描边样式
      });

      map.add(circle);

折线

//设置连接线样式
    		var polyline = new AMap.Polyline({
   
   
        		path: line,          //设置线覆盖物路径
        		strokeColor: "#FF0000", //线颜色
        		strokeOpacity: 0.8,       //线透明度
        		strokeWeight: 1,