【高德地图API】Web地图开发系列(二)

本文介绍了如何使用高德地图API进行Web地图开发,包括世界、国家和省市简易行政区图层的使用,地图事件绑定和解绑,以及距离、长度、面积的几何计算方法。此外,还讲解了如何获取驾车路线规划数据和行政区查询的相关功能。
摘要由CSDN通过智能技术生成
  1. 世界简易行政区图层AMap.DistrictLayer.World

  2. 国家简易行政区图层 AMap.DistrictLayer.Country

  3. 省市简易行政区图层 AMap.DistrictLayer.Province

这些图层各自的使用场景为:

| 名称 | 适用范围 |

| — | — |

| AMap.DistrictLayer.World | 世界全部国家和地区的区域面和边界一并展示,可分别配置各国区域面的颜色,统一配置国界线、海岸线的颜色 |

| AMap.DistrictLayer.Country | 单独展示某个国家或地区的所有省级行政区域,可配置国界颜色、分别配置各省区域的面填充色和边界颜色;中国支持全部地级市一级的展示,可配置国界颜色、省界线、市界限颜色和省、市区域的面填充色 |

| AMap.DistrictLayer.Province | 单独展示一个或者组合展示多个中国行政区的区域,支持展示省级、市级、县级。可配置各省、市、县的边界颜色和面填充色 |

在使用这组图层之前首先需要引入AMap.DistrictLayer插件,

1.2.1、世界简易行政区图层

2、地图和覆盖物事件

============================================================================

除了地图展示外,当我们在地图上进行操作时,少不了要对各种交互事件进行处理。

2.1、事件绑定和解绑


  • 和大多数类库使用方式相同,直接使用 Map、覆盖物对象的 onoff 方法

var map = new AMap.Map(“container”);

var clickHandler = function(e) {

console.log(e);

alert(‘您在[ ‘+e.lnglat.getLng()+’,’+e.lnglat.getLat()+’ ]的位置点击了地图!');

// alert(‘您在[ ‘+e.lnglat.lng+’,’+e.lnglat.lat+’ ]的位置点击了地图!');

// 触发事件的对象

c

  • 28
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值