在Angular 6中使用@agm/core从服务器获取纬度和经度后加载谷歌地图,可以按照以下步骤进行:
npm install @agm/core
import { Component, OnInit } from '@angular/core';
import { MapsAPILoader } from '@agm/core';
latitude: number;
longitude: number;
constructor(private mapsAPILoader: MapsAPILoader) { }
ngOnInit() {
this.mapsAPILoader.load().then(() => {
this.getCurrentLocation();
});
}
getCurrentLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition((position) => {
this.latitude = position.coords.latitude;
this.longitude = position.coords.longitude;
// 在这里可以调用加载谷歌地图的方法
});
}
}
agm-map
指令来加载谷歌地图,并将经度和纬度绑定到地图的latitude
和longitude
属性上:<agm-map [latitude]="latitude" [longitude]="longitude">
<!-- 在这里可以添加其他地图相关的组件和标记 -->
</agm-map>
这样,当组件加载时,它将从浏览器获取当前位置的经度和纬度,并将其传递给谷歌地图组件,从而加载相应的地图。
请注意,以上代码只是一个示例,你可能需要根据你的具体需求进行适当的修改和调整。
关于@agm/core库的更多信息和使用方法,你可以参考腾讯云的相关产品和文档:
领取专属 10元无门槛券
手把手带您无忧上云