通过标记显示Google地图上的坐标

时间:2015-12-06 12:20:49

标签: javascript json google-maps google-maps-api-3

我想在Google地图上找到坐标。

我有来自JSON的ID和坐标

我有来自JSON的坐标

coordinates = [ - 12.9487,9.0131]

我想通过标记在谷歌地图上显示它们。

任何人都可以告诉我如何展示它

我们有谷歌地图 var myLatlng = new google.maps.LatLng(-25.363882,131.044922);

但它们是不同的值而不是数组。如何通过标记在谷歌地图上显示我的JSon坐标[-12.9487,9.0131]。

1 个答案:

答案 0 :(得分:0)

var coordinates =[-12.9487,9.0131];

将是([latitude, longitude]):

var myLatlng = new google.maps.LatLng([coordinates[0],coordinates[1]);

或([longitude,latitude]):

var myLatlng = new google.maps.LatLng([coordinates[1],coordinates[0]);

我要假设第二个,因为第一个是在海洋的中间。



var coordinates = [-12.9487, 9.0131];

function initialize() {
  var myLatlng = new google.maps.LatLng(coordinates[1], coordinates[0]);
  var map = new google.maps.Map(
    document.getElementById("map_canvas"), {
      center: myLatlng,
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  var marker = new google.maps.Marker({
    position: myLatlng,
    map: map
  })

}
google.maps.event.addDomListener(window, "load", initialize);

html,
body,
#map_canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map_canvas"></div>
&#13;
&#13;
&#13;