私はAndroid
デバイスにGoogleMap
を得ることができます。問題はそれが私のcurrent
location
を指していないことです。なぜ私のマーカーが現在の場所に指されていないのですか
$ ionic cordova plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="YOUR_ANDROID_API_KEY_IS_HERE" --variable API_KEY_FOR_IOS="YOUR_IOS_API_KEY_IS_HERE"
$ npm install --save @ionic-native/google-maps
は私のGoogleマップは、Androidデバイス上で
以下が私のコードされてどのように見えるかです:
私はこれらの2つのパッケージがインストールされています
ionViewDidLoad() {
console.log('ionViewDidLoad GoogleMapTestPage');
this.loadMap();
}
ngAfterViewInit() {
//this.loadMap();
}
loadMap() {
// create a new map by passing HTMLElement
let element: HTMLElement = document.getElementById('map');
let map: GoogleMap = this.googleMaps.create(element);
// listen to MAP_READY event
// You must wait for this event to fire before adding something to the map or modifying it in anyway
map.one(GoogleMapsEvent.MAP_READY).then(
() => {
console.log('Map is ready!');
// Now you can add elements to the map like the marker
}
);
// create LatLng object
let ionic: LatLng = new LatLng(43.0741904,-89.3809802);
// create CameraPosition
let position: any = {
target: ionic,
zoom: 18,
tilt: 30
};
// move the map's camera to position
map.moveCamera(position);
// create new marker
let markerOptions: MarkerOptions = {
position: ionic,
title: 'Ionic'
};
const marker:any = map.addMarker(markerOptions)
.then((marker: Marker) => {
marker.showInfoWindow();
});
}
私のhtmlコード
<ion-content>
<div #map id="map" style="height:100%;"></div>
</ion-content>
私の質問:
上記のコードで私のcurrent location
を指すようにする方法!私は3をイオン性に新しいですと
はちょうど私がユーザーにGoogleで現在
場所を指すように望んでいた、私を助けてください!
このコードを追加するに 入れロードマップ?それはGoogleマップの現在の位置を与えるでしょう。 –
私はまた、現在の場所へのポインタを取得したい。 –
現在の位置については、地理位置から緯度および経度を取得し、それを上記のコードに設定する必要があります。上記の行を追加するために、コード内にマップオブジェクトを作成しました。 –