高德地图js api 判断坐标点在多边形区域 js代码

map = new AMap.Map('container', {
    resizeEnable: true,
    center: [116.30946, 39.937629],
    zoom: 12
});
var lnglatArry=new Array();
 map.on('click', function(e) {
     lnglatArry[0]=new Array();
     lnglatArry[0][0]=116.116856;
     lnglatArry[0][1]=39.981708;
     lnglatArry[1]=new Array();
     lnglatArry[1][0]=116.189297;
     lnglatArry[1][1]=40.003276;
     lnglatArry[2]=new Array();
     lnglatArry[2][0]=116.169041;
     lnglatArry[2][1]=39.963816;
     console.log("经度="+e.lnglat.getLng())
     console.log("经度="+e.lnglat.getLat())
      var polygon = new AMap.Polygon({
          map: map,//这个必须加
         path: lnglatArry,
         strokeColor: "#FF33FF",
         strokeWeight: 6,
         strokeOpacity: 0.2,
         fillOpacity: 0.4,
         fillColor: '#1791fc',
         zIndex: 50,
     })
//map.add(polygon)  直接add是不行的,必须是
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
高德地图提供了多种方式来绘制坐标,以下是其中两种常见的方法: 1. 使用 JavaScript API 绘制坐标 可以使用 JavaScript API 中的 Marker 对象来绘制坐标。Marker 对象表示地图上的一个图标,可以设置图标的位置、大小、样式等属性。以下是一个简单的示例代码: ```javascript // 创建地图对象 var map = new AMap.Map('map-container', { zoom: 10, // 设置地图缩放级别 center: [116.397428, 39.90923] // 设置地图中心坐标 }); // 创建 Marker 对象 var marker = new AMap.Marker({ position: [116.397428, 39.90923], // 设置 Marker 的位置 icon: 'https://webapi.amap.com/images/marker_sprite.png', // 设置 Marker 的图标样式 map: map // 将 Marker 添加到地图上 }); ``` 2. 使用 Web API 绘制坐标 可以使用 Web API 中的 HTTP 接口来绘制坐标。调用接口时需要传递参数,包括坐标的经纬度、图标样式等信息。以下是一个简单的示例代码: ```javascript // 请求地址 var url = 'https://restapi.amap.com/v3/geocode/regeo'; // 请求参数 var data = { key: 'your-key', // 替换成你申请的高德地图 API Key location: '116.397428,39.90923', // 设置坐标的经纬度 extensions: 'base', radius: 1000, output: 'json' }; // 发送请求 $.get(url, data, function(result) { // 解析响应数据 var location = result.regeocode.addressComponent.location; // 创建地图对象 var map = new AMap.Map('map-container', { zoom: 10, // 设置地图缩放级别 center: [location.lng, location.lat] // 设置地图中心坐标 }); // 创建 Marker 对象 var marker = new AMap.Marker({ position: [location.lng, location.lat], // 设置 Marker 的位置 icon: 'https://webapi.amap.com/images/marker_sprite.png', // 设置 Marker 的图标样式 map: map // 将 Marker 添加到地图上 }); }); ``` 以上示例中使用了 jQuery 库发送 HTTP 请求,你也可以使用其他库或原生 JavaScript 实现。注意替换代码中的 API Key。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值