如何在vuejs中修复谷歌地图中心的位置

Question

hi创建房地产应用程序我在谷歌地图中遇到问题，如果我从Json调用位置，我会得到错误，如下所示我的html代码

name: "Property",
data() {
return {
ref: this.$route.params.ref,
propertydata: {},
center: { lat: 45.508, lng: -73.587 },
markers: [],
places: [],
currentPlace: null
};
},
created() {
this.$http
.get("http://localhost:3000/Listing/" + this.ref)
.then(function(data) {
console.log(data);
this.propertydata = data.body;
this.center=data.body.latitude;
this.center=data.body.longitude;
th
});

<gmap-map :center="{lat: {{propertydata.latitude}} , lng: {{propertydata.longitude}} } " :zoom="14" style="width:500px;  height:500px;"></gmap-map>

- invalid expression: Unexpected token { in
{lat: {{propertydata.latitude}} , lng: {{propertydata.longitude}} }

原始表达式：：center="｛lat:｛｛propertydata.tlatitude｝｝，lng:｛{propertydata.d经度｝｝｝">

我的位置详细信息从json如何修复这个我不知道

Answer 1

声明组件的正确方法是：<gmap-map :center="{lat: propertydata.latitude, lng: propertydata.longitude}" :zoom="14" style="width:500px; height:500px;"></gmap-map>

应该仅在标记内部使用{{...}}语法，而不是在标记属性中使用。