2017-08-03 8 views
-1

私はこれを理解するのに苦労しています。Googleマップのマーカーが間違った位置にある

私のコードは以下の通りです。 のマーカーが間違った場所にあることを示すテストページへのリンクがあります。

あなたは、私は以下の私のコードでそれらを含めるただしとき、彼らは55.8353173と-3.9854019

あるリンクから見ることができるように、私は緯度と 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

と一致LNGを設定している

- マーカーで表示されます間違った場所。 参照http://craigfagan.com/queenslie/testmap.html

マイコードは以下のとおりです。

私は何が間違っているのか疑問に思っています。何かアドバイスを事前に

おかげ.. @記号の後のリンクで

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

リンク内の座標は、マーカーではなくマップの中心です。 – geocodezip

+0

ありがとうございます - 私はマーカーの座標をどのように取得するのですか? – CraigDev

+0

いくつかの方法があります。最初の質問は、Google MapsまたはPlaces APIを使用して座標を取得することですか? – geocodezip

答えて

0

座標は、地図の中心、ではないマーカーです。

Googleマップで地図の中心を取得するには、その場所のアイコンを右クリックし、「ここにある」をクリックすると、その例の座標(55.835326、-3.983235)が表示されます。

Places API(「Dakota Hotel Eurocentral」の場合)を使用すると、(55.8353173、-3.983213200000023)が得られます。

関連する問題