<track id="yhtrl"></track>
        <progress id="yhtrl"></progress>

          <legend id="yhtrl"><li id="yhtrl"><del id="yhtrl"></del></li></legend>
          <track id="yhtrl"></track>

            您當前位置:首頁 >> 聯系我們 >>  查看地圖


                <!--百度地圖容器-->
                <div style="width:700px;height:550px;border:#ccc solid 1px;font-size:12px" id="map"></div>
                <p style="color:red;font-weight:600">地圖生成工具基于百度地圖JS api v2.0版本開發,使用請申請密匙。
                  <a href="http://developer.baidu.com/map/index.php?title=jspopular/guide/introduction" style="color:#2f83c7" target="_blank">了解如何申請密匙</a>
                  <a href="http://lbsyun.baidu.com/apiconsole/key?application=key" style="color:#2f83c7" target="_blank">申請密匙</a>
                </p>
              </body>
              <script type="text/javascript">
                //創建和初始化地圖函數:
                function initMap(){
                  createMap();//創建地圖
                  setMapEvent();//設置地圖事件
                  addMapControl();//向地圖添加控件
                  addMapOverlay();//向地圖添加覆蓋物
                }
                function createMap(){
                  map = new BMap.Map("map");
                  map.centerAndZoom(new BMap.Point(111.588233,26.412252),16);
                }
                function setMapEvent(){
                  map.enableScrollWheelZoom();
                  map.enableKeyboard();
                  map.enableDragging();
                  map.enableDoubleClickZoom()
                }
                function addClickHandler(target,window){
                  target.addEventListener("click",function(){
                    target.openInfoWindow(window);
                  });
                }
                function addMapOverlay(){
                  var markers = [
                    {content:"我的備注",title:"永州市恒龍印刷包裝有限公司",imageOffset: {width:0,height:3},position:{lat:26.408179,lng:111.585641}}
                  ];
                  for(var index = 0; index < markers.length; index++ ){
                    var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
                    var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
                      imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
                    })});
                    var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
                    var opts = {
                      width: 200,
                      title: markers[index].title,
                      enableMessage: false
                    };
                    var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
                    marker.setLabel(label);
                    addClickHandler(marker,infoWindow);
                    map.addOverlay(marker);
                  };
                }
                //向地圖添加控件
                function addMapControl(){
                  var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
                  scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
                  map.addControl(scaleControl);
                  var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
                  map.addControl(navControl);
                  var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
                  map.addControl(overviewControl);
                }
                var map;
                  initMap();
              </script>

            婷婷色中文在线观看|亚洲蜜芽在线精品一区|a级毛片无码免费韩国|国产成人AV无码网站久久