Question

我尝试多次更改.onchange功能以更改地图缩放级别和中心点。缩放更改生效，但地图不会更改位置。

任何帮助将不胜感激。我已经删除了我的api密钥，但是否则地图将自行运行。

    <script>
    function detectBrowser() {
      var useragent = navigator.userAgent;
      var mapdiv = document.getElementById("map");

      if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
        mapdiv.style.width = '100%';
        mapdiv.style.height = '100%';
      } else {
        mapdiv.style.width = '600px';
        mapdiv.style.height = '800px';
      }
    }
      function initMap() {
        var central = {lat: 39.8282, lng: -98.5795};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 5,
          center: central
        });
        var fops = 'http://coleprojects.000webhostapp.com/sqteam.png';
      document.getElementById("FieldTeamMember").onchange = function() {
        map.setZoom(8);
        alert(this.value)
        map.setCenter(new google.maps.LatLng(this.value));
      };

Answer 1

javascript控制台中的线索：

InvalidValueError: in property lat: not a number

您需要将google.maps.LatLng（或google.maps.LatLngLiteral）传递给map.setCenter方法：

document.getElementById("FieldTeamMember").onchange = function() {
  map.setZoom(8);
  var coords=this.value.split(',');
  var latLng = new google.maps.LatLng(parseFloat(coords[0]), parseFloat(coords[1]));
  map.setCenter(latLng);
};

map.setCenter和map.Panto不会移动地图

1 个答案: