2017-09-11 5 views
0

Openlayers 3.18に基づく座標ズームツールを使用するアプリケーションがあります。ユーザーがフォームに2つの座標値を入力し、送信ボタンをクリックするとこれらの値を使用してズームしますcenterオプションを使用して座標の位置にマップします。Openlayers 3設定マップビュー - 変数値を渡す

Openlayers 3.19では、このツールは動作を停止し、マップはハングアップし、コンソールにエラーメッセージを表示せずにフリーズします。

私が使用しているjavascriptコードは、フォームのテキストボックスから 'coord-x'と 'coord-y' div idsです。

どうすればよいですか?下の中央のオプションで座標値を手作業で入力した場合は正常に動作しますが、setView関数に正しく値が渡されていないようです。

//Zoom map on coordinate zoom button click 
$("#coord-zoom-btn").click(function() { 
    var x = document.getElementById('coord-x').value; 
    var y = document.getElementById('coord-y').value; 
    map.setView(new ol.View({ 
     projection: ol.proj.get('EPSG:27700'), 
     resolutions: [28.0, 14.0, 7.0, 3.5, 1.75, 0.875, 0.4375, 0.21875, 0.109375], 
     center: [x, y], 
     resolution: 0.21875 
    })); 
}); 

答えて

0

私は、彼らが整数(これは以前のバージョンの問題ではないように思われた)であることを確認するために私の変数の周りのparseIntが含まれるように持っていたことが分かりました。

そう...

var x = parseInt(document.getElementById('coord-x').value); 
var y = parseInt(document.getElementById('coord-y').value); 
関連する問題