百度地图行政区域划分镂空

最新推荐文章于 2022-10-31 20:13:14 发布

游1

最新推荐文章于 2022-10-31 20:13:14 发布

阅读量737

点赞数

文章标签：百度 javascript

本文链接：https://blog.csdn.net/youyanh/article/details/122882371

版权

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title></title>
  <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: 100%;
    }

    #r-result {
      width: 100%;
    }
  </style>
</head>

<body>
  <div id="container"></div>
</body>
<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: "#000",
      fillOpacity: 0.8,
      strokeOpacity: 0.5
    }); //建立多边形覆盖物
    map.addOverlay(ply1);
  });
		//只显示某个省份的关键代码
</script>

</html>

游1

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
百度地图行政区域划分镂空

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script> <script type="text/javascript" src.
复制链接

扫一扫