2017-04-21 124 views
0

設置縮放級別我有以下代碼,我試圖設置谷歌地圖縮放級別取決於在單獨字段中輸入的距離。谷歌地圖API - 基於

但是看起來我的地圖並不尊重這段代碼,也看不出我在這裏做了什麼錯誤。

var dis = document.getElementById('distance-submit').value; 

if(dis != "" || dis != null) 
{ 
    var zoomlevel= 13; 
    if(dis >=0 && dis < 3) 
    zoomlevel= 18; 
    if(dis >=3 && dis < 5) 
    zoomlevel= 19; 
    if(dis >=5 && dis < 10) 
    zoomlevel= 15; 
    if(dis >= 25 && dis <= 50) 
    zoomlevel = 9; 
    if(dis > 50 && dis <=100) 
    zoomlevel =8; 
    if(dis > 100) 
    zoomlevel =7; 

    console.log(zoomlevel) 
    var map; 
    var latlng = new google.maps.LatLng(lat, longi); 

    var mapOptions = { 
    center: latlng, 
    zoom: zoomlevel, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
+0

試試這個,你的代碼http://jsfiddle.net/4a87k/804/比較 –

回答

0

用途:

var dis = document.getElementById('distance-submit').value; 
dis = parseInt(dis);