Question

我的谷歌地图v3与地理定位没问题！

但我想为我的表格取得经度和纬度。

感谢。

Answer 1

您可以尝试Google标记。这是整个文档。 https://developers.google.com/maps/documentation/javascript/examples/marker-simple

如果我理解你的问题，这与你要找的内容有关：How do you click on a map and have latitude and longitude fields in a form populated?

Answer 2

如果你在任何地方都需要纬度和经度你移动鼠标就可以这样做：

google.maps.event.addListener(map,'mousemove', function(event) {
    console.log(event.latLng);
$("#inputFormLat").val(event.latlng.lat()); //your input text box (i used jquery here to select it and set its value)
$("#inputFormLon").val(event.latlng.lng());

});

如果您有任何疑问请致电

此致 Suyash

Answer 3

如果您需要多边形或单个点的长/纬度坐标，这是一个有用的工具：Codepen

<强> JS

var bermudaTriangle;
function initialize() {
  var myLatLng = new google.maps.LatLng(33.5190755, -111.9253654);
  var mapOptions = {
    zoom: 12,
    center: myLatLng,
    mapTypeId: google.maps.MapTypeId.RoadMap
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);

  var triangleCoords = [
    new google.maps.LatLng(33.5362475, -111.9267386),
        new google.maps.LatLng(33.5104882, -111.9627875),
        new google.maps.LatLng(33.5004686, -111.9027061)

  ];

  // Construct the polygon
  bermudaTriangle = new google.maps.Polygon({
    paths: triangleCoords,
    draggable: true,
    editable: true,
    strokeColor: '#FF0000',
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: '#FF0000',
    fillOpacity: 0.35
  });

  bermudaTriangle.setMap(map);
  google.maps.event.addListener(bermudaTriangle, "dragend", getPolygonCoords);
  google.maps.event.addListener(bermudaTriangle.getPath(), "insert_at", getPolygonCoords);
  google.maps.event.addListener(bermudaTriangle.getPath(), "remove_at", getPolygonCoords);
  google.maps.event.addListener(bermudaTriangle.getPath(), "set_at", getPolygonCoords);
}

function getPolygonCoords() {
  var len = bermudaTriangle.getPath().getLength();
  var htmlStr = "";
  for (var i = 0; i < len; i++) {
    htmlStr += bermudaTriangle.getPath().getAt(i).toUrlValue(5) + "<br>";
  }
  document.getElementById('info').innerHTML = htmlStr;
}

获取经度和纬度谷歌地图

3 个答案: