91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

使用JavaScript怎么根據地址獲取經緯度

發布時間:2021-04-07 15:44:42 來源:億速云 閱讀:386 作者:Leah 欄目:web開發

使用JavaScript怎么根據地址獲取經緯度?相信很多沒有經驗的人對此束手無策,為此本文總結了問題出現的原因和解決方法,通過這篇文章希望你能解決這個問題。

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>根據地址查詢經緯度</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
  </head>
  <body >
    <div >
      要查詢的地址:<input id="text_" type="text" value="鄭州大學"  /> 查詢結果(經緯度):
      <input id="result_" type="text" />
      <input type="button" value="查詢" onclick="searchByStationName();" />
      <div id="container" style="position: absolute;
    margin-top:30px;
    width: 730px;
    height: 590px;
    top: 50;
    border: 1px solid gray;
    overflow:hidden;">
      </div>
    </div>
  </body>
  <script type="text/javascript">
    var map = new BMap.Map("container");
    map.centerAndZoom("鄭州", 15);
    map.enableScrollWheelZoom(); //啟用滾輪放大縮小,默認禁用
    map.enableContinuousZoom(); //啟用地圖慣性拖拽,默認禁用
    map.addControl(new BMap.NavigationControl()); //添加默認縮放平移控件
    map.addControl(new BMap.OverviewMapControl()); //添加默認縮略地圖控件
    map.addControl(new BMap.OverviewMapControl({
      isOpen: true,
      anchor: BMAP_ANCHOR_BOTTOM_RIGHT
    })); //右下角,打開
    var localSearch = new BMap.LocalSearch(map);
    localSearch.enableAutoViewport(); //允許自動調節窗體大小
    function searchByStationName() {
      map.clearOverlays(); //清空原來的標注
      var keyword = document.getElementById("text_").value;
      localSearch.setSearchCompleteCallback(function(searchResult) {
        var poi = searchResult.getPoi(0);
        document.getElementById("result_").value = poi.point.lng + "," + poi.point.lat;
        map.centerAndZoom(poi.point, 13);
        var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat)); // 創建標注,為要查詢的地方對應的經緯度
        map.addOverlay(marker);
        var content = document.getElementById("text_").value + "<br/><br/>經度:" + poi.point.lng + "<br/>緯度:" + poi.point.lat;
        var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>");
        marker.addEventListener("click", function() {
          this.openInfoWindow(infoWindow);
        });
        // marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳動的動畫
      });
      localSearch.search(keyword);
    }
  </script>
</html>

看完上述內容,你們掌握使用JavaScript怎么根據地址獲取經緯度的方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

阳朔县| 科技| 太湖县| 巴彦淖尔市| 亚东县| 安平县| 彭泽县| 准格尔旗| 开封市| 安徽省| 郑州市| 普兰店市| 海淀区| 嵩明县| 郎溪县| 易门县| 赣州市| 温泉县| 会泽县| 武川县| 吴川市| 兴宁市| 南投县| 厦门市| 巴南区| 岐山县| 呈贡县| 凤庆县| 沂水县| 鹤山市| 通城县| 桂阳县| 团风县| 嵩明县| 兴宁市| 吉林市| 灵石县| 武威市| 全南县| 邯郸县| 潼南县|