百度地图---点亮城市

效果图

代码如下

<!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" /><style type="text/css">body,html,#allmap {width: 100%;height: 100%;overflow: hidden;margin: 0;font-family: "微软雅黑";}</style><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yZSTYLk9UUvs0ZqXqBbtTp8ViKk5vxLM"></script><title>添加行政区划</title>
</head><body><div id="allmap"></div>
</body></html>
<script type="text/javascript">// 百度地图API功能var map = new BMap.Map("allmap");map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 5);map.enableScrollWheelZoom();map.setMapStyle({style: "grayscale"});function getBoundary(cityName) {var bdary = new BMap.Boundary();bdary.get(cityName, function(rs) { //获取行政区域     map.clearOverlays();var count = rs.boundaries.length; //行政区域的点有多少个if (count === 0) {alert('未能获取当前输入行政区域');return;}var pointArray = [];for (var i = 0; i < count; i++) {var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2,strokeColor: "#ff0000",fillColor: "#ff0000"}); //建立多边形覆盖物map.addOverlay(ply); //添加覆盖物pointArray = pointArray.concat(ply.getPath());}map.setViewport(pointArray); //调整视野  });}var a = ["北京市","天津市","石家庄市","廊坊市","太原市","上海市","杭州市","绍兴市","青岛市","德州市","武汉市","广州市","深圳市","东莞市","重庆市","成都市","眉山市","西安市"]var i = 0;var timer = setInterval(function() {if (i == a.length) {map.clearOverlays();map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 5);for (var n = 0; n < a.length; n++) {getBoundary1(a[n])}clearInterval(timer)} else {getBoundary(a[i++])}}, 2000)function getBoundary1(cityName) {var bdary = new BMap.Boundary();bdary.get(cityName, function(rs) { //获取行政区域     var count = rs.boundaries.length; //行政区域的点有多少个if (count === 0) {alert('未能获取当前输入行政区域');return;}var pointArray = [];for (var i = 0; i < count; i++) {var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2,strokeColor: "#ff0000",fillColor: "#ff0000"}); //建立多边形覆盖物map.addOverlay(ply); //添加覆盖物}});}
</script>

百度地图---点亮城市相关推荐

[超详细]Echarts+vue+百度地图动态实现城市疫情地图
动态中国城市疫情地图的实现,主要是参照Echarts官网官方案例的方法:Examples - Apache ECharts ,但是官方给的案例数据都是静态写在Option的Data中的无法根据疫情实时 ...
Python爬取百度地图智慧交通-城市拥堵指数
第一次写文章分享一下我的大数据处理课程的一次作业,爬取百度地图智慧交通的城市拥堵指数内容,链接(以长春市为例):http://jiaotong.baidu.com/top/report/?cityc ...
百度地图对应天气城市代码
由于项目用到天气查询,给的接口只能传入一个城市代码定位使用百度地图,因为百度地图给的城市代码不是我想要的天气城市代码,所以自己组装了一个json自己使用,现在记录下来,希望可以帮助到你们 packa ...
vue中获取获取当前城市地址_Vue使用百度地图获取当前城市
Vue使用百度地图获取当前城市一:申请百度地图密匙注册登录后需要进行开发者认证创建应用获取密匙AK 二:Vue项目使用下载相应插件 html文件引入创建一个新的js文件(下一步需要引入) ...
api 定位微信小程序精度_微信小程序城市定位(借助百度地图API判断城市)
概述微信小程序提供一些API(地址)用于获取当前用户的地理位置等信息,但无论是wx.getLocation,还是wx.chooseLocation均没有单独的字段表示国家与城市信息,仅有经纬度信息. ...
爬取百度地图，获取城市楼盘信息
有任何需要修正的地方请大家私信,评论. 大佬轻喷@-@ 以下是小项目的需求: *爬取百度地图,获取目标城市楼盘信息, *包括目标楼盘的经纬度,名称,并保存在excel文档中. 大家稍微等下,<这 ...
人工智能+大数据百度地图助力智慧城市与智慧交通建设
10月13日,由中国人工智能学会主办.百度地图协办的第七届中国智能产业高峰论坛在广东佛山召开,百度地图作为代表企业应邀出席,并获得人工智能学会颁发的"最佳合作伙伴奖".在智能交通专 ...
百度地图api使用城市列表组件选择城市、省份获取对应城市信息（省市经纬度）
文章目录前言一.核心代码二.可能遇到的问题 1.关于百度地图相关变量报错的问题报错: TS2552: Cannot find name 'BMap'. Did you mean 'Map'? ...
百度地图-设置默认城市
1.问题背景利用百度地图,展示某城市地图分布:初始化时,默认打开就是该城市 2.实现源码 <!DOCTYPE html> <html><head><titl ...

百度地图---点亮城市

效果图

代码如下

百度地图---点亮城市相关推荐

最新文章

热门文章