如何编辑最新的谷歌地图

How to edit latest google map

本文关键字：最新 谷歌地图 编辑 何编辑      更新时间：2023-09-26

我想编辑坐标。 比如输入逻辑和纬度，但我不知道如何在javasciprt和html之间链接。

当我填写输入（文本框HTML）纬度和逻辑时，它将直接显示在html页面上的地图。感谢您的回复

问候菲祖尔

<!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>

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

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

新的纬度/液化天然气对象也很容易创建

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));

所以现在你需要它在提交表单时更新你的地图对象

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

相关文章：