Javascript 如何在初始化期间在Google Maps API上动态设置缩放值_Javascript_Google Maps Api 3

Javascript 如何在初始化期间在Google Maps API上动态设置缩放值

javascript google-maps-api-3

Javascript 如何在初始化期间在Google Maps API上动态设置缩放值,javascript,google-maps-api-3,Javascript,Google Maps Api 3,我有如下代码 <!DOCTYPE html> <html> <head> <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; } #map { height: 100%; } </style> </head> <body> <input type="hi

我有如下代码

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body { height: 100%; margin: 0; padding: 0; }
      #map { height: 100%; }
    </style>
  </head>
  <body>
    <input type="hidden" id="zoom_data" value="8">
    <div id="map"></div>
    <script type="text/javascript">

var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: $('zoom_data').val()
  });
}

    </script>
    <script async defer
      src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>
  </body>
</html>


html，正文{高度：100%；边距：0；填充：0；}
#地图{高度：100%；}
var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
中心：{纬度：-34.397，液化天然气：150.644}，
缩放：$（'zoom_data'）.val（）
});
}

但是地图是空白的。我只想在本地动态设置缩放，而不是从服务器。有什么建议吗？

试试下面的代码。您需要使用document.getElementById（）获取隐藏字段的值，然后将其转换为数字，然后再将其用作缩放参数

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body { height: 100%; margin: 0; padding: 0; }
      #map { height: 100%; }
    </style>
  </head>
  <body>
    <input type="hidden" id="zoom_data" value="8">
    <div id="map"></div>
    <script type="text/javascript">

var map;
 function initMap() {
    var zoom = document.getElementById('zoom_data').value;
    var nZoom = Number(zoom);
     map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: nZoom
  });
}

</script>
<script async defer
  src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>


html，正文{高度：100%；边距：0；填充：0；}
#地图{高度：100%；}
var映射；
函数initMap（）{
var zoom=document.getElementById（'zoom_data'）。值；
var nZoom=数字（缩放）；
map=new google.maps.map（document.getElementById（'map'）{
中心：{纬度：-34.397，液化天然气：150.644}，
缩放：nZoom
});
}

希望有帮助

设置为。。。什么？您可以在创建地图时指定缩放属性，也可以在创建地图后调用

map.setZoom（）

。请尝试以下操作：

$（“#缩放数据”）.val（）

。您的选择器无效。。