调用百度地图API，如何只显示某个省份的地图

需求如下

1、调用百度地图API

2、只显示某个省份的地图如安徽省，其他的都不要显示

实现步骤如下

1、调用百度地图Api，显示地图

https://blog.csdn.net/tian_jiangnan/article/details/105216057

2、再显示某个省份的地图

效果如下

完整代码如下

<font size="" color="">
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的秘钥"></script><script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script><title>热力图功能-tianjiangnan</title><style type="text/css">ul,li{list-style: none;margin:0;padding:0;float:left;}html{height:100%}body{height:100%;margin:0px;padding:0px;font-family:"微软雅黑";}#container{height:900px;width:500px;}#r-result{width:100%;}</style>
</head>
<body><div id="container"></div>
</body>
</html>
<script type="text/javascript">// 创建地图实例var map = new BMap.Map("container");         //设置地图的中心点如合肥的坐标var point = new BMap.Point(117.17, 31.52);// 初始化地图，设置中心点坐标和地图级别map.centerAndZoom(point,8);  // 允许滚轮缩放map.enableScrollWheelZoom(); //只显示某个省份的关键代码
var cityName = '安徽省';//添加缩略地图控件
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.NavigationControl({ type: BMAP_NAVIGATION_CONTROL_LARGE ,anchor: BMAP_ANCHOR_TOP_LEFT, offset: new BMap.Size(900, 500)}));var bdary = new BMap.Boundary();bdary.get(cityName, function (rs) {       //获取行政区域       var EN_JW = "180, 90;";         //东北角var NW_JW = "-180,  90;";       //西北角var WS_JW = "-180, -90;";       //西南角var SE_JW = "180, -90;";        //东南角//4.添加环形遮罩层
var ply1 = new BMap.Polygon(rs.boundaries[0] + SE_JW + SE_JW + WS_JW + NW_JW + EN_JW + SE_JW,
{ strokeColor: "none", fillColor: "#fefb9c", fillOpacity:1, strokeOpacity: 0.5 }); //建立多边形覆盖物map.addOverlay(ply1);  });
//只显示某个省份的关键代码
</script>
</font>

觉得还不错，就点赞吧

调用百度地图API，如何只显示某个省份的地图相关推荐

百度地图api(javascript)只显示某一行政区域的地图，其他周边地区的都不显示
var map = new BMap.Map("map_container"); var cityName = '浙江省'; map.centerAndZoom(c ...
高德地图api(javascript)只显示某一行政区域的地图，其他周边地区的都不显示
Polygon类覆盖物>多边形相关参数详情 https://lbs.amap.com/api/javascript-api/reference/overlay#polygon < ...
vue调用百度地图API实现点击相应位置切换地图定位
vue调用百度地图API实现点击相应位置切换地图定位 1.需求分析在页面显示地图,初始状态显示上海市,地图上有特定地点的标注. 左侧为建筑(地点)列表,点击某个地点右侧地图定位到其地理位置并显示具体 ...
【百度地图API】如何制作一张魔兽地图！！——CS地图也可以，哈哈哈
[百度地图API]如何制作一张魔兽地图!!--CS地图也可以,哈哈哈原文:[百度地图API]如何制作一张魔兽地图!!--CS地图也可以,哈哈哈摘要: 你玩魔兽不?你知道如何做一张魔兽地图不?! 快 ...
【新手】基于C++Qt5通过调用百度翻译API制作简易翻译工具
基于C++Qt5通过调用百度翻译API制作简易翻译工具目录基于C++Qt5通过调用百度翻译API制作简易翻译工具写在前面步骤: 1.注册百度翻译开放平台账号并开通翻译服务 2.下载安装Qt5和 ...
调用百度汇率api 获取各国的汇率值
设置一个定时任务,每天更新汇率java代码如下 package com.thinkgem.jeesite.modules.huiLvApi.service;import java.io.Buffere ...
基于百度地图API在AI Studio上的卫星地图块图像处理与分类
基于百度地图API在AI Stduio上的瓦片地图块图像处理与分类项目介绍本项目基于百度地图API获取了不同的瓦片地图并进行合并等处理,可用于遥感和抽象地图的地图块的图像分类.分割.检测等数据的制 ...
python调用百度翻译-Python 调用百度翻译API
由于实习公司这边做的是日文app,有时要看看用户反馈,对于我这种五十音图都没记住的人,表示百度翻译确实还可以.但不想每次都复制粘贴啊,google被墙也是挺蛋疼的事,所以用python结合baidu ...
python百度翻译接口_python3 调用百度翻译API翻译英文
自行申请百度开发者账号import importlib,sys,urllib importlib.reload(sys) import urllib.request import json #导入js ...

调用百度地图API，如何只显示某个省份的地图

需求如下

实现步骤如下

调用百度地图API，如何只显示某个省份的地图相关推荐

最新文章

热门文章