Google Maps Marker in der falschen Position

Question

Ich habe Mühe, dies zu verstehen.

Mein Code ist unten zusammen mit einem Link zu einer Testseite zeigt die Karte mit Marker an der falschen Stelle.

ich gesetzt haben die lat und lng im Einklang mit https://www.google.co.uk/maps/place/Dakota+Hotel+Eurocentral/@55.8353173,-3.9854019,17z/data=!3m1!4b1!4m5!3m4!1s0x4888441f8bb5be07:0x6444cfc231481afe!8m2!3d55.8353173!4d-3.9832132

Wie Sie dem Link sehen können, sie sind 55,8353173 und -3,9854019

Allerdings, wenn ich sie in meinem Code unten enthalten - die Markierung erscheint in der falsche Ort. Siehe http://craigfagan.com/queenslie/testmap.html

Mein Code ist unten.

Irgendwelche Hilfe würde sehr zu schätzen wissen - Kratzen mein Kopf wundern, was ich falsch mache?

Vielen Dank im Voraus für jede Beratung ..

<div id="map"></div> 


<script type="text/javascript"> 
function initMap() { 
var mapOptions = { 
    zoom: 17, 
    scrollwheel: false, 
    center: new google.maps.LatLng(55.8353173,-3.9854019), 
    styles: 
[{"featureType":"water","elementType":"geometry.fill","stylers": 
[{"color":"#d3d3d3"}]},{"featureType":"transit","stylers": 
[{"color":"#808080"},{"visibility":"off"}]}, 
{"featureType":"road.highway","elementType":"geometry.stroke", 
"stylers": 
[{"visibility":"on"},{"color":"#b3b3b3"}]}, 
{"featureType":"road.highway","elementType":"geometry.fill","stylers": 
[{"color":"#ffffff"}]}, 
{"featureType":"road.local","elementType":"geometry.fill","stylers": 
[{"visibility":"on"},{"color":"#ffffff"},{"weight":1.8}]}, 
{"featureType":"road.local","elementType":"geometry.stroke","stylers": 
[{"color":"#d7d7d7"}]}, 
{"featureType":"poi","elementType":"geometry.fill","stylers": 
[{"visibility":"on"},{"color":"#ebebeb"}]}, 
{"featureType":"administrative","elementType":"geometry","stylers": 
[{"color":"#a7a7a7"}]}, 
{"featureType":"road.arterial","elementType":"geometry.fill","stylers": 
[{"color":"#ffffff"}]}, 
{"featureType":"road.arterial","elementType":"geometry.fill","stylers": 
[{"color":"#ffffff"}]}, 
{"featureType":"landscape","elementType":"geometry.fill","stylers": 
[{"visibility":"on"},{"color":"#efefef"}]}, 
{"featureType":"road","elementType":"labels.text.fill","stylers": 
[{"color":"#696969"}]}, 
{"featureType":"administrative","elementType":"labels.text.fill", 
"stylers": 
[{"visibility":"on"},{"color":"#737373"}]}, 
{"featureType":"poi","elementType":"labels.icon","stylers": 
[{"visibility":"off"}]}, 
{"featureType":"poi","elementType":"labels","stylers": 
[{"visibility":"off"}]}, 
{"featureType":"road.arterial","elementType":"geometry.stroke", 
"stylers": 
[{"color":"#d6d6d6"}]}, 
{"featureType":"road","elementType":"labels.icon","stylers": 
[{"visibility":"off"}]},{}, 
{"featureType":"poi","elementType":"geometry.fill","stylers": 
[{"color":"#dadada"}]}] 
    }; 

var mapElement = document.getElementById('map'); 

var map = new google.maps.Map(mapElement, mapOptions); 

var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(55.8353173,-3.9854019), 
    map: map, 
    title: 'Dakota' 
}); 

} 
</script> 
<script src="https://maps.googleapis.com/maps/api/js? 
key=AIzaSyDJRdPso7qlkubRB66DafdHiBClCZoGGsI&callback=initMap" async 
defer></script> 

Answer 1

Die Koordinaten in der Verbindung nach dem @ -Zeichen sind das Zentrum der Karte, nicht die Markierung.

Um das Zentrum der Karte in Google Maps zu erhalten, klicken Sie mit der rechten Maustaste auf das Symbol des Ortes, klicken Sie auf "Was ist hier", es gibt Ihnen die Koordinaten (55.835326, -3.983235 für dieses Beispiel).

Wenn ich die Places API (für "Dakota Hotel Eurocentral") verwende, bekomme ich (55.8353173, -3.983213200000023), was besser ist.