地图中以中心点画半径

2023-08-22 0 278

获取经纬度信息

点图拾取坐标-地图开放平台|腾讯位置服务 (qq.com)

高德覆盖物的添加与移除

覆盖物的添加与移除-覆盖物与图层管理-示例中心-JS API 示例 | 高德地图API (amap.com)

  • 替换右边部分
地图中以中心点画半径
var map = new AMap.Map('container', {
    resizeEnable: true,
    zoom:11,
    center: [118.778287, 31.972822]
});
    // 构造点标记
var marker = new AMap.Marker({
    icon: "https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png",
    position: [118.778287, 31.972822]
});
// 构造矢量圆形
var circle = new AMap.Circle({
    center: new AMap.LngLat("118.778287", "31.972822"), // 圆心位置
    radius: 24000,  //半径
    strokeColor: "#F33",  //线颜色
    strokeOpacity: 1,  //线透明度
    strokeWeight: 1,  //线粗细度
    fillColor: "#ee2200",  //填充颜色
    fillOpacity: 0.1 //填充透明度
});
  • 运行
  • 添加Circle
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

迪米特 其他 地图中以中心点画半径 https://www.dimit.cn/3ds/other/id-43416.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务