Javascript 谷歌地图设置位置？_Javascript_Google Maps Api 3

Javascript 谷歌地图设置位置？

javascript google-maps-api-3

Javascript 谷歌地图设置位置？,javascript,google-maps-api-3,Javascript,Google Maps Api 3,我有一个代码，它显示了在“LatLng”坐标中指定的当前位置。但我想要的是有一个输入框，比如说两个输入框“location from”和“location to”。我希望显示两个框中给定输入值的当前位置，如图所示这在谷歌地图V3中可能吗我想让mapOptions值成为框中输入的值。怎么做这是我的密码 <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial

我有一个代码，它显示了在“LatLng”坐标中指定的当前位置。但我想要的是有一个输入框，比如说两个输入框“location from”和“location to”。我希望显示两个框中给定输入值的当前位置，如图所示

这在谷歌地图V3中可能吗

我想让mapOptions值成为框中输入的值。怎么做

这是我的密码

<!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: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
    <script type="text/javascript"
      src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBQ8OCC8En5vNHod25Ov3Qs5E1v7NPRSsg&sensor=true">
    </script>
    <script type="text/javascript">
      function initialize() {
                    // add mapOptions here to the values in the input boxes.
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 100.644),
          zoom: 2,
          mapTypeId: google.maps.MapTypeId.ROADMAP  
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),
            mapOptions);
      }
    </script>
  </head>
  <body>

    From: <input type="text" name="From"><br>
    To: <input type="text" name="To"><br>

    <button type="button" onclick="initialize()">View example (map-simple.html)</button>

    <div id="map_canvas" style="width:100%; height:100%"></div>
  </body>
</html>


html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
函数初始化（）{
//将此处的mapOptions添加到输入框中的值。
变量映射选项={
中心：新的google.maps.LatLng（-34.397100.644），
缩放：2，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map_canvas”），
地图选项）；
}
发件人：

致：

查看示例（map simple.html）

谢谢

杰森

可能是这样的：

boxLat.value = map.getCenter().getLat() ;
boxLng.value = map.getCenter().getLng() ;

您可以查看此地址上的示例：

在这里，您可以找到问题的答案，也可以找到进一步需要的更高级的技术

欢迎

您应该使用

geocoder

进行此操作

geocoder = new google.maps.Geocoder();      
var address = document.getElementById('address').value; //input box value
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
    map.setCenter(results[0].geometry.location);
    var marker = new google.maps.Marker({
        map: map,
        position: results[0].geometry.location
    });
}
});

是的，这是可能的，请展示你除了找到教程代码之外还尝试了什么。我认为应该是另一种方式。。。。map.getCenter.getlat（）=boxLat.value；这同样适用于otheryes，因为您应该创建函数并将地址传递给该函数参数Yes，但是我需要为我的实现做更多的事情。。。不过，再次感谢你。