問題描述

問題解答

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

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

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

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

<script type='text/javascript' src='http://api.map.baidu.com/api?...這里寫的你的key，沒有的話去百度開發(fā)者創(chuàng)建一個，免費的**'></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 自己看文檔去。