首页 发现 帮助
登录
tianyunperfect
/
web-base--
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

update

tianyunperfect 2 年之前
父节点
ec317f43fe
当前提交
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>