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

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

這是我在前不久做的專案裡給你找來的，實現的是把頁面中的地址名稱轉換成經緯度坐標並在地圖中標註出來，裡面有你用的到的，要建多個地圖的話，就多放幾個

上海市黃浦區北京西路130弄

//百度地图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);
    }
}, '上海市');

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