Javascript 谷歌地图标记在错误的位置

Javascript 谷歌地图标记在错误的位置,javascript,google-maps,Javascript,Google Maps,我正在努力理解这一点 下面是我的代码以及显示地图的测试页面链接 把记号笔放错地方了 我已将lat和lng设置为与 从链接中可以看到,它们分别为55.8353173和-3.9854019 但是,当我在下面的代码中包含它们时,标记出现在错误的位置。 看 我的代码如下 任何帮助都将不胜感激——挠头想知道我做错了什么 提前谢谢你的建议 <div id="map"></div> <script type="text/javascript"> function in

我正在努力理解这一点

下面是我的代码以及显示地图的测试页面链接 把记号笔放错地方了

我已将lat和lng设置为与

从链接中可以看到,它们分别为55.8353173和-3.9854019

但是,当我在下面的代码中包含它们时,标记出现在错误的位置。 看

我的代码如下

任何帮助都将不胜感激——挠头想知道我做错了什么

提前谢谢你的建议

<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>

函数initMap(){
变量映射选项={
缩放:17,
滚轮:错误,
中心:新google.maps.LatLng(55.8353173,-3.9854019),
风格:
[{“featureType”:“water”,“elementType”:“geometry.fill”,“stylers”:
[{“color”:“#d3d3”},{“featureType”:“transit”,“stylers”:
[{“颜色”:“#808080”},{“可见性”:“关闭”},
{“featureType”:“road.highway”,“elementType”:“geometry.stroke”,
“造型师”:
[{“可见性”:“在”},{“颜色”:“#B3”}]},
{“featureType”:“road.highway”,“elementType”:“geometry.fill”,“stylers”:
[{“颜色”:“#ffffff”}]},
{“featureType”:“road.local”,“elementType”:“geometry.fill”,“stylers”:
[{“可见性”:“在”},{“颜色”:“#ffffff”},{“权重”:1.8}]},
{“featureType”:“road.local”,“elementType”:“geometry.stroke”,“stylers”:
[{“颜色”:“#d7d7d7}]},
{“featureType”:“poi”,“elementType”:“geometry.fill”,“stylers”:
[{“可见性”:“在”},{“颜色”:“#ebebebeb”}]},
{“featureType”:“administrative”,“elementType”:“geometry”,“stylers”:
[{“颜色”:“#a7a7”},
{“featureType”:“road.Arteral”,“elementType”:“geometry.fill”,“stylers”:
[{“颜色”:“#ffffff”}]},
{“featureType”:“road.Arteral”,“elementType”:“geometry.fill”,“stylers”:
[{“颜色”:“#ffffff”}]},
{“featureType”:“横向”、“elementType”:“geometry.fill”、“stylers”:
[{“可见性”:“在”},{“颜色”:“#efef”}]},
{“featureType”:“road”,“elementType”:“labels.text.fill”,“stylers”:
[{“颜色”:“#696969”},
{“featureType”:“administrative”,“elementType”:“labels.text.fill”,
“造型师”:
[{“可见性”:“在”},{“颜色”:“#737373”}]},
{“featureType”:“poi”,“elementType”:“labels.icon”,“stylers”:
[{“可见性”:“关闭”}]},
{“featureType”:“poi”,“elementType”:“标签”,“样式器”:
[{“可见性”:“关闭”}]},
{“featureType”:“road.Arteral”,“elementType”:“geometry.stroke”,
“造型师”:
[{“颜色”:“#d6d6”},
{“featureType”:“road”,“elementType”:“labels.icon”,“stylers”:
[{“可见性”:“关闭”}]},{},
{“featureType”:“poi”,“elementType”:“geometry.fill”,“stylers”:
[{“颜色”:“#dadada”}]]
};
var mapeelement=document.getElementById('map');
var map=new google.maps.map(mapElement,mapOptions);
var marker=new google.maps.marker({
位置:新google.maps.LatLng(55.8353173,-3.9854019),
地图:地图,
标题:“达科塔”
});
}

链接中@符号后的坐标是地图的中心,而不是标记

要在谷歌地图中获得地图的中心,右键单击该位置的图标,单击“what's here”,它将为您提供坐标(该示例为55.835326,-3.983235)


如果我使用Places API(用于“Dakota Hotel Eurocentral”),我会得到(55.8353173,-3.9832132000000023),这更好。

链接中的坐标是地图的中心,而不是标记。谢谢-你知道我如何获得标记的坐标吗?有几种方法,第一个问题是你想使用谷歌地图还是Places API来获取坐标?谢谢-我有一个截止日期-所以更简单的问题是什么?在谷歌地图中,右键单击该地点的图标,单击“what's here”,它将为你提供坐标(例如55.835326,-3.983235)。如果我使用Places API(用于“Dakota Hotel Eurocentral”),我会得到(55.8353173,-3.9832132000000023),这更好。