Fixed center marker Maps

Ionic Native
1

Hello,

I have a problem that I can not solve. I am trying to create a marker to place fixedly on the screen. Like the uber application. I use Google Maps native. I thank you if you find a solution.

1
1.png720Ă—1280 200 KB

2

The Yellow markers are fixed. The Green marker is the currently selected marker. The Blue marker is the user’s current position.

See:

3

Thank you for your answer, but I have already read the documentation but Ionic’s native Google maps works differently

4

@bankai14 The @ionic-native/google-maps does not have the feature.

But you can do:

<div id="map_canvas" style="position:relative;width:500px;height:500px;">
  <img src="marker.png" style="position:absolute;left:50%;bottom:50%;width:32px;height:18px" />
</div>
2 Likes
5

Thank you it’s great! But tell me please is it possible to have a function that retrieves the latitude and longitude of the center of the map? Thank you anyway !

6

map.getCameraTarget()

8

I tried but I have this:

1
1.png729Ă—396 18.2 KB

Result screen:

1
1.png718Ă—761 97.2 KB

9

Do you want to pick up the center position when you drag the map, correct?

Is your code moving any map?

10

I want to recover the latitude and longitude of the center of the map whenever I request it.

Something like that:

1
1.gif300Ă—603 2.55 MB

source: https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/tree/master/v2.0.0/class/Map/getCameraPosition

But it dosent work with me, ionic problem ?

11

Please check the source code implementation before asking.

Map.prototype.getCameraPosition = function() {
  return this.get("camera");
};
12

I dont’t understand because this is what I did :
I did 2 solutions and none of them work.

1
1.png843Ă—316 14.7 KB

Can you make me see a code that works, please? You will save me if you help me.

13

console.log(this.map.getCameraTarget())

14

image
image.png1315Ă—401 19.1 KB

15
16

But getCameraTarget does not exist on my object GoogleMap, whereas in the documentation it is written that it is a method of the object.

17

The link is not document, it is source code of @ionic-native/google-maps

18

It’ weard because getCameraTarget does not exist for me :confused: no other solutions ? :confused:

19

What did you by yourself do in order to resolve?
I recommend you should do your best as much as possible when you ask to something to other people.

20

I looked for the object: getCameraTarget and I did not find. I tried to display this.map.getCameraPosition () but I have a null result.

I tried with the then: this.map.getCameraPosition ()
.then ((pos) => {
alert (“on”);
alert (JSON.stringify (pos));
});

Same no result… It does not even fit in my success.

21

Do you think this code returns a promise?