[html] 如何在網頁中嵌入公司地址的地圖？

<script src='http://api.map.baidu.com/api?v=2.0&ak=BG9Wtw7egUbIQHPjG9ayOLQO'> </script> <script> (function(){ var map = new BMap.Map("container"); //設置底圖 map.centerAndZoom("深圳", 18); //初始化地址，查詢的地址所在市 map.enableScrollWheelZoom(); //啟用滾輪放大縮小，默認禁用 map.enableContinuousZoom(); //啟用地圖慣性拖拽，默認禁用var localSearch = new BMap.LocalSearch(map); localSearch.enableAutoViewport(); //允許自動調節窗體大小function searchByStationName() { map.clearOverlays();//清空原來的標注 var keyword = "深圳市羅湖區紅桂路2068號紅桂大廈一樓";//查詢的詳細地址 localSearch.setSearchCompleteCallback(function (searchResult) { var poi = searchResult.getPoi(0); map.centerAndZoom(poi.point, 18); var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat)); // 創建標注，為要查詢的地方對應的經緯度 map.addOverlay(marker); var content = keyword; var infoWindow = new BMap.InfoWindow("" + content + " "); marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); }); marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳動的動畫 }); localSearch.search(keyword); } searchByStationName(); }()) </script>

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[html] 如何在网页中嵌入公司地址的地图？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。