map.setCenterとmap.Pantoはマップを移動しません

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コンソールにおける手がかり：

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