Question

我想编辑坐标。比如输入logitude和latitute，但我不知道如何在javasciprt和html之间建立链接。

当我填写输入（Textbox HTML）纬度和logitute时，它将直接在html页面上显示地图。谢谢你的回复

此致 Fizul

＆＃13;

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
    </style>


    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAVXRyUtndMPwJqkRUXFpmk9BLIFxpsj24">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: { ***lat: 4.414022, lng: 101.379503}***,
          zoom: 15
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);


    </script>



  </head>
  <body>
<div id="map-canvas"></div>

<form>
<input type="text" name="lat" id="lat"></input>
<input type="text" name="long" id="long"></input>
<input type="submit" >
</form>

  </body>
</html>

＆＃13;

Answer 1

如果您希望根据新的纬度/经度重新定位地图，那么

map.setCenter([some lat/lng object]); // resets the senter of your map

也很容易创建新的lat / lng对象

var center = new google.maps.LatLng(39.5, -98.3);

这样：

var center = new google.maps.LatLng(39.5, -98.3);
map.setCenter(center);

或者要更清洁一点

map.setCenter(new google.maps.LatLng(39.5, -98.3));

现在您只需要在提交表单时更新地图对象

（按钮上的基本点击事件等）

如何编辑最新的谷歌地图

1 个答案: