Question

我无法找到解决方案，所以......让我们试试吧！： - ）

使用谷歌地图API V3，我这样绘制了一个圆圈：

jQuery(document).ready(function($) {
    var map_center = new google.maps.LatLng(<?php echo $d['location_lat'] . ', ' . $d['location_lon']; ?>);

    var map = new google.maps.Map(document.getElementById("map"), {
        center: map_center,
        scrollwheel: false,
        draggable: true,
        navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoom: 12
    });

    var area_circle = new google.maps.Circle({
      center: map_center,
      strokeWeight: 0,
      fillColor: '#ec519b',
      fillOpacity: 0.3,
      map: map,
      radius: 1200
    });
});

在这样的div中： <div id="map" style="width: 400px; height: 400px;"></div>

代码到目前为止工作，这里没问题。

我想做的是： - 用户在文本字段中键入他的位置（例如：＆＃34; London＆＃34;） - 我通过ajax脚本获得谷歌地图地理编码的坐标（lat，lon） - 我想在这些新坐标（lat，lon）上移动圆圈，并将地图重新定位在圆圈上（=相同的坐标）

我可以通过获取城市新坐标的步骤，在两个隐藏的输入中写入纬度和经度，以便稍后在用户验证表单时进行记录，因此我也可以重复使用它javascript / jquery：

var new_lat = $("#js_lat").val();
var new_lon = $("#js_lon").val();

是否有人知道如何做到这一点？我尝试了很多东西，但我无法让它发挥作用：/

感谢提前，如果您需要任何进一步的信息，请告诉我。

周末结束了！： - ）

Google Maps API：如何移动现有的圈子并重新定位地图？

0 个答案: