javascript - 如何在vue js中修复谷歌地图中心位置
问题描述
嗨,创建房地产应用程序,如果我从 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.latitude}} , lng: {{propertydata.longitude}} } "
我的位置详细信息来自 json 如何解决这个我不知道
解决方案
声明组件的正确方法是:
<gmap-map :center="{lat: propertydata.latitude, lng: propertydata.longitude}" :zoom="14" style="width:500px; height:500px;"></gmap-map>
您应该{{...}}
只在标签内使用语法,而不是在标签属性中。
推荐阅读
- c - 使用 ProtoBuf 将数据流式传输到带有标题的日志文件
- c - %s*%s%s 的“字节”声明和含义
- html - 图片src在不同页面使用时需要更改
- javascript - 在节点 js 的“xlsx-populate”模块中合并单元格
- android - 在调试模式下迁移到 Android R8 后,初始屏幕显示不相关的布局视图而不是初始布局视图
- html - 布局帮助:zIndex 和溢出
- php - 如何将xml字符串作为XML节点插入到PHP中的dom元素中
- javascript - 从数据库加载验证码站点密钥
- ms-word - 关闭词从内部应用程序添加
- android - Android gradle 构建错误“找不到
"