javascript - Using getPosition() with Google Advanced markers - Stack Overflow

admin管理员组

文章数量:1345895

Does anyone know why "getPosition()" doesn't work with the new Google map Advanced markers?

Below is a link to a test page where "getPosition()" works fine with a legacy marker, while the Advanced marker gets an "Uncaught TypeError: marker2.getPosition is not a function" error message.

Refer to the console.log for results.

Test page:

.html

Thanks,

Bennie

P.S. I tried all kinds of things, and looked everywhere, but haven't been able to figure it out, nor find an answer online.

P.P.S. Finally! After looking at the code for this Google maps tutorial "Make markers draggable" example,

[],

I changed "marker2.getPosition()" to "marker2.position.lat" and "marker2.position.lng" and the remote Advance marker button worked!

See example page: [ .html ].

I tried "marker.position.lat" and "marker.position.lng" for the legacy marker and got something other than the lat and lng, as you will be able to see in your console.log() gizmo.

Does anyone know why "getPosition()" doesn't work with the new Google map Advanced markers?

Below is a link to a test page where "getPosition()" works fine with a legacy marker, while the Advanced marker gets an "Uncaught TypeError: marker2.getPosition is not a function" error message.

Refer to the console.log for results.

Test page:

https://whowillbethenextonline./advanced-marker-get-position.html

Thanks,

Bennie

P.S. I tried all kinds of things, and looked everywhere, but haven't been able to figure it out, nor find an answer online.

P.P.S. Finally! After looking at the code for this Google maps tutorial "Make markers draggable" example,

[https://developers.google./maps/documentation/javascript/examples/advanced-markers-draggable],

I changed "marker2.getPosition()" to "marker2.position.lat" and "marker2.position.lng" and the remote Advance marker button worked!

See example page: [ https://whowillbethenextonline./advanced-marker-get-position-2.html ].

I tried "marker.position.lat" and "marker.position.lng" for the legacy marker and got something other than the lat and lng, as you will be able to see in your console.log() gizmo.

• javascript

Share Improve this question Follow edited Oct 15, 2023 at 0:02 Bennie asked Oct 14, 2023 at 20:51 BennieBennie 4111 silver badge44 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 7

Old Markers (Legacy) support getPosition() method to get their coordinates.

As Google introduced AdvancedMarkerElement now marker location coordinates can be retrieved using just .position

Example:

Old Marker elements marker.getPosition()

New Advanced Marker marker.position

After updating to advanced markers I had a very similar issue, with the same error. In the end I had to add the lat and long into .position

Here is the original line which didn't work with advanced markers

map.panTo(clickedMarker.getPosition());

Here is my new line of code that worked

map.panTo(new google.maps.LatLng(clickedMarker.position.lat, clickedMarker.position.lng));

One approach you can use alternatively - even though it's a tad hacky - is creating the function. It's a quick 'n dirty shortcut for if you call marker.getPosition() in many places in your code:

const point = new google.maps.LatLng(lat, lng);
marker = new google.maps.marker.AdvancedMarkerElement({
    position: point,
    map: map
});
marker.getPosition = () => point;

本文标签： javascriptUsing getPosition() with Google Advanced markersStack Overflow