如何使用 Sequelize 显示来自 Google 地图地址的内容?
How to show content from a Google Maps address using Sequelize?
我找了几个星期的资料。
首先,我使用 AngularJS 1.6 和 ngMap 模块。
这是我正在做的事情:
我在主页中使用搜索框(具有 ngMap
自动完成功能):
import htmlTemplate from './searchBox.html';
export default {
template: htmlTemplate,
require: {
parent: '^home'
},
controller: function controller(MapsService, $log) {
'ngInject';
const self = this;
this.$onInit = () => {
$log.info('searchBox component init');
MapsService.loadGoogleApi().then(() => {
this.loaded = true;
this.onPlaceChanged = function onPlaceChanged() {
const place = this.getPlace();
if (place.geometry) {
self.activity.lat = place.geometry.location.lat();
self.activity.lng = place.geometry.location.lng();
}
};
});
此外,我正在使用一个显示活动的组件。
当我通过我的表单创建一个 activity 时,我填写了一个使用自动完成的 地址字段 。
<div class="input-field col s12">
<i class="material-icons prefix">location_on</i>
<input ng-if="$ctrl.loaded" places-auto-complete ng-model="$ctrl.activity.address" id="icon_prefix" type="text" on-place-changed="$ctrl.onPlaceChanged()"
class="validate">
<label for="icon_prefix">{{'ANNOUNCE.ADDRESS' | translate}}
</label>
我指定地址转换为纬度/经度。
MapsService.loadGoogleApi().then(() => {
this.loaded = true;
this.onPlaceChanged = function onPlaceChanged() {
const place = this.getPlace();
if (place.geometry) {
self.activity.lat = place.geometry.location.lat();
self.activity.lng = place.geometry.location.lng();
}
};
});
我的问题是:
如何通过使我的搜索框地址与我的表单地址重合来显示活动(按城市)?
非常感谢!
所以...我找到了答案。
有必要在数据库中添加一个存储过程并创建一个允许取回数据的函数。
我找了几个星期的资料。 首先,我使用 AngularJS 1.6 和 ngMap 模块。
这是我正在做的事情:
我在主页中使用搜索框(具有
ngMap
自动完成功能):import htmlTemplate from './searchBox.html'; export default { template: htmlTemplate, require: { parent: '^home' }, controller: function controller(MapsService, $log) { 'ngInject'; const self = this; this.$onInit = () => { $log.info('searchBox component init'); MapsService.loadGoogleApi().then(() => { this.loaded = true; this.onPlaceChanged = function onPlaceChanged() { const place = this.getPlace(); if (place.geometry) { self.activity.lat = place.geometry.location.lat(); self.activity.lng = place.geometry.location.lng(); } }; });
此外,我正在使用一个显示活动的组件。 当我通过我的表单创建一个 activity 时,我填写了一个使用自动完成的 地址字段 。
<div class="input-field col s12"> <i class="material-icons prefix">location_on</i> <input ng-if="$ctrl.loaded" places-auto-complete ng-model="$ctrl.activity.address" id="icon_prefix" type="text" on-place-changed="$ctrl.onPlaceChanged()" class="validate"> <label for="icon_prefix">{{'ANNOUNCE.ADDRESS' | translate}} </label>
我指定地址转换为纬度/经度。
MapsService.loadGoogleApi().then(() => { this.loaded = true; this.onPlaceChanged = function onPlaceChanged() { const place = this.getPlace(); if (place.geometry) { self.activity.lat = place.geometry.location.lat(); self.activity.lng = place.geometry.location.lng(); } }; });
我的问题是:
如何通过使我的搜索框地址与我的表单地址重合来显示活动(按城市)?
非常感谢!
所以...我找到了答案。 有必要在数据库中添加一个存储过程并创建一个允许取回数据的函数。