What reason cause google map mylocation button disabled

#1

Dear All,

I made app with ionic native google map plugin and set mapOptions like following , and install it on device, first time run it, ask me permission for device location, I choose ‘Allow’, but the ‘mylocation’ button is grey. I also use getcurrentPostion of geoLocation plugin, it does not work as well.

Any idea? thanks.

initialMap() {

    console.log('initial map');
    let mapOptions: GoogleMapOptions = {
        camera: {
            target: {
                lat: 0,
                lng: 0
            },
            zoom: 10,
            tilt: 30
        },
        controls: {
            zoom: true,
            myLocationButton : true
            
        }
    };

    this.mainMap = new GoogleMap('map', mapOptions);

    this.mainMap.one(GoogleMapsEvent.MAP_READY).then(() => {
        this.setupMapAfterReady();
    });
    
    this.mainMap.on(GoogleMapsEvent.MAP_DRAG_END).subscribe(() => {
        this.setupMapDragEvent();    
    });

}

setupMapAfterReady() {
this.getDevicePosition().then(result => {
console.log('device location is ’ + JSON.stringify(result));
if (result == RESULT.OK) {
this.mainMap.setCameraTarget(this.mapFilter.mapCenter);
}
},
err => {
console.log(JSON.stringify(err, CommUtil.replaceErrors));
});

}

image
image.png287×509 11 KB

#2
#3

thanks for your link , it helps and now it is working after change my code according the link .

1 Like
#4

Congrats! Enjoy the maps plugin!

#5

Iam facing same issue google map v3 … please help me

#6

Short answer for future reference: You need both myLocationButton & myLocation to be true.

#7

First of all congratulation for making a app.you are great man to making the best code mapping. most of people find location using map app.thanks for making a app for people benefits.

#8

sir i have add both but in my case location button is not show i have used google-map 2.4.4 version tell me why it not working?

#9

let mapg: GoogleMap = this.googleMaps.create(this.mapElement.nativeElement);

mapg.one(GoogleMapsEvent.MAP_READY).then((data: any) => {

mapg.setAllGesturesEnabled(true)
let cameraCoordinates: LatLng = new LatLng(latlongs[0].lat, latlongs[0].long);
mapg.setOptions({
      controls: {
       compass: true,
        myLocationButton: true,
         indoorPicker: true,
         zoom: true
  },
       gestures: {
        scroll: true,
        tilt: true,
         rotate: true,
         zoom: true
},
   
 });
    mapg.setMyLocationEnabled(true);
 mapg.setIndoorEnabled(true);
mapg.setTrafficEnabled(true);
mapg.setCompassEnabled(true);
mapg.setAllGesturesEnabled(true);