問題描述

問題解答

去這些提供地圖的網站上看他們提不提供接口，有的可以用iframe直接引過來。

百度和高德都有相關的JS api,完全可以解決你的需求http://lbsyun.baidu.com/index...

這是我在前不久做的項目里給你找來的，實現的是把頁面中的地址名稱轉換成經緯度坐標并在地圖中標注出來，里面有你用的到的，要建多個地圖的話，就多放幾個<p class='baidumap'></p>，當然ID要變一下啦，JS里初始化也復制一份，map改成map1后面的方法傳參改成新的ID，不復雜，你自己琢磨琢磨，還不懂的話歡迎加好友，QQ 269144551，一起學習探討

上海市黃浦區北京西路130弄<p class='baidumap'></p>

<script type='text/javascript' src='http://api.map.baidu.com/api?...這里寫的你的key，沒有的話去百度開發者創建一個，免費的**'></script><script type='text/javascript'>

//百度地圖api//獲取項目地址信息var product_address = $(’.product-address’).text();//初始化地圖var map = new BMap.Map('allmap');map.centerAndZoom(’上海市’, 12);map.setCurrentCity('上海市');//添加縮放var navigationControl = new BMap.NavigationControl({ // 靠左上角位置 anchor: BMAP_ANCHOR_TOP_RIGHT, // LARGE類型 type: BMAP_NAVIGATION_CONTROL_LARGE, // 啟用顯示定位 enableGeolocation: true});map.addControl(navigationControl);// 添加定位控件var geolocationControl = new BMap.GeolocationControl();geolocationControl.addEventListener('locationSuccess');geolocationControl.addEventListener('locationError', function (e) { //定位失敗事件 alert(e.message);});map.addControl(geolocationControl);//獲取地址經緯度var geocoder = new BMap.Geocoder();geocoder.getPoint(product_address, function (point) { if (point) {var lng = point.lng;var lat = point.lat;map.centerAndZoom(product_address, 20);var marker = new BMap.Marker(new BMap.Point(121.477904, 31.242809));map.addOverlay(marker); }}, ’上海市’);

</script>

百度地圖 API 自己看文檔去。