在Google Maps API v3的数据库中存储地图边界

时间:2012-04-17 21:22:25

标签: json google-maps-api-3 bounds

无论如何将边界和/或中心位置转换为字符串并通过json将其发送到服务器端并存储它?

我在问,因为当我尝试将这些东西转换成字符串时;我从api收到转换错误了?

1 个答案:

答案 0 :(得分:6)

使用serialize功能,检索地图边界和中心数据,然后将其存储在数据库中。

function serialize(map){
    var json = '{"bounds":'+map.getBounds().toString() + 
               ',"center":'+map.getCenter().toString()+"}";

    //'toString' returns values in '()', we need to replace them by '[]'
    json = json.replace(/\(/g,"[").replace(/\)/g,"]");
    return json;
}

使用deserialize函数,按存储的数据更新地图的状态:

function deserialize(map, json, useCenter ){
    json = JSON.parse(json);
    if( useCenter ){
        map.setCenter( new google.maps.LatLng(json.center[0],json.center[1]) );
    }else{
        map.fitBounds( new google.maps.LatLngBounds(
                      new google.maps.LatLng(json.bounds[0][0],json.bounds[0][1]),
                      new google.maps.LatLng(json.bounds[1][0],json.bounds[1][1])
                   ) );
    }
}

重要提示: map.fitBounds不符合其参数的确切范围。请参阅此link