如何使用模板中的数据显示谷歌地图

How to display Google Maps with data from template

本文关键字：数据 显示 谷歌地图 何使用      更新时间：2023-09-26

我有一个地图数组，每个地图都有一个纬度和纵向值。

在EmberJS中，我想显示数组中每个地图的谷歌地图。

我想我需要一个组件，它采用纬度和经度参数，然后显示地图。但是如何在EmberJS中实现这一点呢？我刚刚开始使用 Ember，所以我对这一切真的没有很好的了解。

我现在正在使用 ember-g-maps，但我遇到了一些麻烦：

我想传入纬度和液化天然气的参数：

{{g-map lat={{selectedMap.gmap_lat_center}} lng={{selectedMap.gmap_long_center}} zoom=12}}

我也试过：

{{g-map lat=selectedMap.gmap_lat_center lng=selectedMap.gmap_long_center zoom=12}}

两者都不起作用，我该如何完成此操作？

编辑：似乎我有一个错字，第二个选项运行良好。

ember-g-map插件允许您仅使用：

{{g-map lat=37.7833 lng=-122.4167}}

你可以像这样使用谷歌地图的嵌入式版本

<iframe src={{mapURL}} style="width:100%;height:450px;"></iframe>
mapURL: function() {
    return "https://www.google.com/maps/embed/v1/place?q=" + this.get('model').get('address').get('city') + ',+' + this.get('model').get('address').get('street') + "," + this.get('country') + "&key=" + "googleAPIKey";
}.property(''),
相关文章：