Google Maps, customise the position of "my location button"?

DetectiveConan · December 4, 2017, 3:19pm

Let’s call “my location button” X.

It seems that X is by default placed at the top-right corner of the map. But I want X to be placed above the [+][-] buttons on the bottom-right corner.

Does the Google Maps component support customising the location of X? I could not find any API for that. If it is not supported, I think I must hide X and create a custom button and invoke “locate my location” when the button is clicked. But then, how do I get the location of the [+][-] buttons? I need to place my custom X right above the [+][-] buttons. Is that possible?

If that is not possible, I would have to resorting to disabling all default buttons and create all three custom buttons for location, +, and -.

wf9a5m75 · December 4, 2017, 5:18pm

These buttons come from native api.
You can only move by setPadding

github.com

mapsplugin/cordova-plugin-googlemaps-doc/blob/master/v2.0.0/class/Map/setPadding/README.md

# map.setPadding()

Set map paddings. The same as the padding property of CSS.

```html
<div class="map" id="map_canvas" style="position:relative;">
    <div style="position:absolute;width:50px;height:100%;right:0;background-color:rgba(0,0,0,0.25);"></div>
    <div style="position:absolute;width:10px;height:100%;background-color:rgba(0,0,0,0.25);"></div>
    <div style="position:absolute;width:100%;height:30px;background-color:rgba(0,0,0,0.25);"></div>
    <div style="position:absolute;width:100%;height:20px;bottom:0;background-color:rgba(0,0,0,0.25);"></div>
</div>
```

```js
var div = document.getElementById("map_canvas")
var map = plugin.google.maps.Map.getMap(div, {
  'controls': {
    'compass': true,
    'myLocationButton': true,
    'indoorPicker': true,

This file has been truncated. show original

Topic		Replies	Views
It's possible to change position the My Location buttom Google Maps? Ionic Native	3	6327	May 18, 2017
Button 'myLocationButton' ionic Ionic Native	0	940	October 25, 2017
What reason cause google map mylocation button disabled ionic-v3	15	4035	July 19, 2021
How can I add mylocationbutton in google maps ionic native ? Ionic version 3.16 ionic-v3	3	3962	July 19, 2021
Implement the button "My location" in IONIC with ANGULAR - MAPS Ionic Native	0	1178	August 29, 2017

Google Maps, customise the position of "my location button"?

Related topics