百度地圖只顯示行政區域

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Map_main.aspx.cs" Inherits="Wygl_asp.main_map.Map_main" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="http://api.map.baidu.com/api?v=2.0&ak=你的key"></script>
  

</head>
<body>
    <%--<form id="form1" runat="server">--%>
       <div style="width:100%;height:800px" id="allmap"></div>
   <%-- </form>--%>
</body>
</html>

<script type="text/javascript">
    //// 百度地圖API功能
    //var map = new BMap.Map("allmap");    // 創建Map實例
    //map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地圖,設置中心點座標和地圖級別
    ////添加地圖類型控件
    //map.addControl(new BMap.MapTypeControl({
    //    mapTypes: [
    //        BMAP_NORMAL_MAP,
    //        BMAP_HYBRID_MAP
    //    ]
    //}));
    //map.setCurrentCity("北京");          // 設置地圖顯示的城市 此項是必須設置的
    //map.enableScrollWheelZoom(true);     //開啓鼠標滾輪縮放
    var map = new BMap.Map("allmap");
    var cityName = '張掖市';
    map.centerAndZoom(cityName, 8);                     // 初始化地圖,設置中心點座標和地圖級別。    map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件
 /*   map.addControl(new BMap.OverviewMapControl());      */        //添加縮略地圖控件
    map.enableScrollWheelZoom();
    //map.addControl(new BMap.NavigationControl({ type: BMAP_NAVIGATION_CONTROL_LARGE, anchor: BMAP_ANCHOR_TOP_LEFT, offset: new BMap.Size(40, 250) }));
    var bdary = new BMap.Boundary();
    bdary.get(cityName, function (rs) {       //獲取行政區域       
        map.clearOverlays();        //清除地圖覆蓋物  

        //for循環都刪除掉了,只剩下這個
        //網上查了下,東西經南北緯的範圍
        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: "rgb(246,246,246)", fillOpacity: 1, strokeOpacity: 0.5 }); //建立多邊形覆蓋物

        map.addOverlay(ply1);
        //5. 給目標行政區劃添加邊框,其實就是給目標行政區劃添加一個沒有填充物的遮罩層
        var ply = new BMap.Polygon(rs.boundaries[0], { strokeWeight: 2, strokeColor: "blue", fillColor: "" });
        map.addOverlay(ply);
        map.setViewport(ply.getPath());    //調整視野
    });

    var cityName2 = '臨澤縣';
    var bdary1 = new BMap.Boundary();
    bdary1.get(cityName2, function (rs) {       //獲取行政區域       
        //map.clearOverlays();        //清除地圖覆蓋物  

        ////for循環都刪除掉了,只剩下這個
        ////網上查了下,東西經南北緯的範圍
        //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: "rgb(246,246,246)", fillOpacity: 1, strokeOpacity: 0.5 }); //建立多邊形覆蓋物

        //map.addOverlay(ply1);
        //5. 給目標行政區劃添加邊框,其實就是給目標行政區劃添加一個沒有填充物的遮罩層
        var ply = new BMap.Polyline(rs.boundaries[0], { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5 });
        map.addOverlay(ply);
        //map.setViewport(ply.getPath());    //調整視野
    });

    var cityName3 = '高臺縣';
    var bdary2 = new BMap.Boundary();
    bdary2.get(cityName3, function (rs) {       //獲取行政區域       
        //map.clearOverlays();        //清除地圖覆蓋物  

        ////for循環都刪除掉了,只剩下這個
        ////網上查了下,東西經南北緯的範圍
        //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: "rgb(246,246,246)", fillOpacity: 1, strokeOpacity: 0.5 }); //建立多邊形覆蓋物

        //map.addOverlay(ply1);
        //5. 給目標行政區劃添加邊框,其實就是給目標行政區劃添加一個沒有填充物的遮罩層
        var ply = new BMap.Polyline(rs.boundaries[0], { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5 });
        map.addOverlay(ply);
        //map.setViewport(ply.getPath());    //調整視野
    });
    var cityName4 = '民樂縣';
    var bdary3 = new BMap.Boundary();
    bdary3.get(cityName4, function (rs) {       //獲取行政區域       
        //map.clearOverlays();        //清除地圖覆蓋物  

        ////for循環都刪除掉了,只剩下這個
        ////網上查了下,東西經南北緯的範圍
        //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: "rgb(246,246,246)", fillOpacity: 1, strokeOpacity: 0.5 }); //建立多邊形覆蓋物

        //map.addOverlay(ply1);
        //5. 給目標行政區劃添加邊框,其實就是給目標行政區劃添加一個沒有填充物的遮罩層
        var ply = new BMap.Polyline(rs.boundaries[0], { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5 });
        map.addOverlay(ply);
        //map.setViewport(ply.getPath());    //調整視野
    });
    var cityName5 = '甘州區';
    var bdary4 = new BMap.Boundary();
    bdary4.get(cityName5, function (rs) {       //獲取行政區域       
        //map.clearOverlays();        //清除地圖覆蓋物  

        ////for循環都刪除掉了,只剩下這個
        ////網上查了下,東西經南北緯的範圍
        //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: "rgb(246,246,246)", fillOpacity: 1, strokeOpacity: 0.5 }); //建立多邊形覆蓋物

        //map.addOverlay(ply1);
        //5. 給目標行政區劃添加邊框,其實就是給目標行政區劃添加一個沒有填充物的遮罩層
        var ply = new BMap.Polyline(rs.boundaries[0], { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5 });
        map.addOverlay(ply);
        //map.setViewport(ply.getPath());    //調整視野
    });

    var cityName6 = '山丹縣';
    var bdary5 = new BMap.Boundary();
    bdary5.get(cityName6, function (rs) {       //獲取行政區域       
        //map.clearOverlays();        //清除地圖覆蓋物  

        ////for循環都刪除掉了,只剩下這個
        ////網上查了下,東西經南北緯的範圍
        //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: "rgb(246,246,246)", fillOpacity: 1, strokeOpacity: 0.5 }); //建立多邊形覆蓋物

        //map.addOverlay(ply1);
        //5. 給目標行政區劃添加邊框,其實就是給目標行政區劃添加一個沒有填充物的遮罩層
        var ply = new BMap.Polyline(rs.boundaries[0], { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5 });
        map.addOverlay(ply);
        //map.setViewport(ply.getPath());    //調整視野
    });

    var cityName7 = '肅南裕固族自治縣';
    var bdary6 = new BMap.Boundary();
    bdary6.get(cityName7, function (rs) {       //獲取行政區域       
        //map.clearOverlays();        //清除地圖覆蓋物  

        ////for循環都刪除掉了,只剩下這個
        ////網上查了下,東西經南北緯的範圍
        //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: "rgb(246,246,246)", fillOpacity: 1, strokeOpacity: 0.5 }); //建立多邊形覆蓋物

        //map.addOverlay(ply1);
        //5. 給目標行政區劃添加邊框,其實就是給目標行政區劃添加一個沒有填充物的遮罩層
        var ply = new BMap.Polyline(rs.boundaries[0], { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5 });
        map.addOverlay(ply);
        //map.setViewport(ply.getPath());    //調整視野
    });

</script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章