我如何保存谷歌地图v3圆形和矩形叠加在数据库中没有错误

How do I save Google maps v3 circle and rectangle overlays in database without error?

本文关键字：叠加 数据库 有错误 何保存 保存 v3 谷歌地图      更新时间：2023-09-26

我使用JSON方法将Google覆盖保存在数据库中。例如，我通过以下代码在数据库中保存一个圆:

var shape_properties;
shape_properties.center = array_shapes_object[counter].center;
shape_properties.redius = array_shapes_object[counter].radius;
shape_properties.type = array_shapes_object[counter].type;                   
shape_properties.zIndex = array_shapes_object[counter].zIndex;
shape_properties.fillColor = array_shapes_object[counter].get('fillColor');
shape_properties.name = array_shapes_object[counter].name;
array_shapes_string.push(JSON.stringify(shape_properties));

我有一个名为shape_properties的变量，我保存所有的圆圈属性，然后通过使用JSON.stringify(shape_properties)将其更改为字符串，最后将此字符串保存到数据库。

当我想在地图上画这个圆时，我使用类似的方法。我的意思是，从数据库中读取包含圆圈属性的字符串然后使用JSON.parse(array_shapes_string[counter])将其更改为对象最后使用以下代码绘制它:

newShape = new google.maps.Circle({
center:new google.maps.LatLng(array_shapes_object[counter].center.d, array_shapes_object[counter].center.e),
radius:array_shapes_object[counter].redius,
zIndex:array_shapes_object[counter].zIndex,
fillColor:array_shapes_object[counter].fillColor,
fillOpacity: 0.15,
strokeColor: '#FF0000',
strokeWeight: 1
});

一切都还好。但是我有一个大问题。看这一行:

center:new google.maps.LatLng(array_shapes_object[counter].center.d, array_shapes_object[counter].center.e),

这是包含经度和纬度的圆心，它像这样保存在数据库中:

"中心":{""k":32.9372338139709:50.91888427734375}

所有属性都保存在数据库中，如下所示:

{"用户":"user1,","中心":{""k":32.9372338139709:50.91888427734375},"半径":25644.7738046513,"类型":"圆","zIndex":2,"fillColor":"# FF0000"、"名称":"圆"}

我的问题是:有时圆心通过k和A保存在数据库中，如:"中心":{"k":32.9372338139709,":50.91888427734375}

但有时它会保存d和e，而不是k和A，就像这样:"中心":{"e","d":32.9372338139709:50.91888427734375}

当我读它画圆的时候它会显示一个错误。我确信这个问题与谷歌地图v3有关，似乎他们有时会改变变量的名称。我该怎么修理它?

您不能存储这些属性，这些属性的名称(代表google.maps -class-instance，如LatLng或LatLngBounds)不一致。

你需要自己的格式/方法来存储&恢复这些数据(通过API提供的方法获取，例如，LatLng的lat()和lng())

参见如何保存谷歌地图覆盖形状在数据库中?对于一个可能的解决方案

相关文章：