高德地图 只显示某个地区或省份,并设定显示范围

这里给大家演示只显示北京区域的地图,其他地区不显示。

高德地图 只显示某个地区或省份,并设定显示范围_第1张图片

一、注册高德账号

地址:高德开放平台 | 高德地图API

注册好账号后,登录点击进入“我的应用”,创建应用,获取key。

高德地图 只显示某个地区或省份,并设定显示范围_第2张图片

二、引入文件

        注意引入 高德组件库时,将账号中“我的应用”获取的key,替换掉代码中的“高德应用key”,否则有些数据会获取不到。






显示北京市



这里使用多个插件,可以plugin后成以逗号形式追加,如下:

 

三、完整代码






显示北京市



如上代码,expandZoomRange和zooms使用,可固定地图在指定地区显示范围。

是否显示指定区域以外内容,可通过viewMode进行控制,设置为3D则不显示指定地区以外部分。

你可能感兴趣的:(地图,前端,javascript)