小编Neo*_*vil的帖子

Google Maps v3：需要多个可拖动标记来更新HTML输入字段

我正在使用Google Maps v3开发一个项目，该项目将允许用户拖放随机放置的标记（数量，坐标和用php生成的标签）。

我想移动标记的纬度和经度来更新页面上的html输入字段。不幸的是，我对js知之甚少，无法通过使用数组和/或“变量变量”以有效的方式为每个标记赋予唯一标识。

到目前为止，这是我的代码：

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
function initialize() 
{
    var latlng = new google.maps.LatLng(39.3939,-119.861);
    var myOptions = 
    {
      zoom: 17,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.SATELLITE
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);

    // Set Border Coords
    var BorderCoords = 
    [
        new google.maps.LatLng(39.3952726888,-119.85922848),
        new google.maps.LatLng(39.3925273112,-119.85922848),
        new google.maps.LatLng(39.3925273112,-119.86277152), …

Run Code Online (Sandbox Code Playgroud)

javascript google-maps google-maps-api-3 google-maps-markers

Neo*_*vil

lucky-day

5
推荐指数

1
解决办法

3950
查看次数