tianyunperfect 2 سال پیش
والد
کامیت
93b2a08c63
2فایلهای تغییر یافته به همراه128 افزوده شده و 0 حذف شده
  1. 75 0
      simple-demo/cityMap.html
  2. 53 0
      simple-demo/cityMap1.html

+ 75 - 0
simple-demo/cityMap.html

@@ -0,0 +1,75 @@
+<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=WMYeXwq7z0VcaiUXTuYTGPZsm8Selmfd"></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: 1000px;
+                width: 1000px;
+            }
+
+            #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(1000, 1000)
+        }));
+        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>

+ 53 - 0
simple-demo/cityMap1.html

@@ -0,0 +1,53 @@
+<!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=WMYeXwq7z0VcaiUXTuYTGPZsm8Selmfd"></script>
+</head>
+<body>
+<div id="container" style="top: 30px;width: 100%;height: 100%;overflow: hidden;position: absolute;"></div>
+输入省、直辖市或县名称:
+<input type="text" id="districtName" style="width:200px" value="重庆市"/>
+<input type="button" id="getButton" name="getButton" onclick="getBoundary()" value="获取轮廓线"/>
+
+<script type="text/javascript">
+    var map = new BMap.Map("container");
+
+    map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 9);
+
+    map.addControl(new BMap.NavigationControl({type: BMAP_NAVIGATION_CONTROL_SMALL}));
+
+    map.enableScrollWheelZoom();
+
+    function getBoundary() {
+
+        var bdary = new BMap.Boundary();
+
+        var name = document.getElementById("districtName").value;
+
+        bdary.get(name, function (rs) {       //获取行政区域
+
+            map.clearOverlays();        //清除地图覆盖物
+
+            var count = rs.boundaries.length; //行政区域的点有多少个
+
+            for (var i = 0; i < count; i++) {
+
+                var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#ff0000"}); //建立多边形覆盖物
+
+                console.log("当前辖区坐标:" + name);
+                console.log(rs.boundaries[i]);
+
+                map.addOverlay(ply);  //添加覆盖物
+
+                map.setViewport(ply.getPath());    //调整视野
+
+            }
+
+        });
+
+    }
+</script>
+</body>
+</html>