JavaScriptのproj4js問題

StackOverflow https://stackoverflow.com/questions/4037054

  •  26-09-2019
  •  | 
  •  

質問

こんにちは私はproj4jsライブラリを使用して問題が生じています。ここに私のソースがあります：

<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <script type="text/javascript" src="lib/proj4js-combined.js"></script>
   </head>

   <script type="text/javascript">
    function go()
    {
        var lon = document.getElementById("xOrg").value;
        var lat = document.getElementById("yOrg").value;
        var reprojected = reproject(Number(lon),Number(lat));

        document.getElementById("xNew").value = reprojected.x;
        document.getElementById("yNew").value = reprojected.y;
    }

    function reproject(lon,lat)
        {
            var sourceSys = new Proj4js.Proj('WGS84');
            var destSys = new Proj4js.Proj('EPSG:32187');

            var pointSource = new Proj4js.Point(lon,lat);
            var pointDest = Proj4js.transform(sourceSys, destSys, pointSource);

            return pointDest;
        }
   </script>

   <body>
    <div>
    <input id="xOrg" type="text" value="-73.56"/>
    <input id="yOrg" type="text" value="45.49"/>
    </div>
    <div>
    <input id="xNew" type="text" value=""/>
    <input id="yNew" type="text" value=""/>
    </div>
    <div>
        <input type="button" value="go" onclick="go()"/>
    </div>
   </body>
</html>
私は私がそれに最初の時間をクリックすると、同じ値が返され、ボタンを2回クリックしたときに再投影のみ機能する理由

私は理解していません。私は2回以上ボタンをクリックしたときにのみ動作するようです。ここでは、このページには、オンラインであります： クリックする

役に立ちましたか？

解決 

var sourceSys = new Proj4js.Proj('WGS84'); 
var destSys = new Proj4js.Proj('EPSG:32187');

ここに：

...

<script type="text/javascript">  
    var sourceSys = new Proj4js.Proj('WGS84'); 
    var destSys = new Proj4js.Proj('EPSG:32187'); 

    function go()
{
...

そしてどんな理由であれ、それが機能するようになりました...

他のヒント

私は負荷にページを取得couln'tが、それはリフレッシュの問題ですか？すなわち。あなたが明示的にXNEWとyNew入力タグがそれらの値が設定された直後に自分自身をリフレッシュすることができます原因？

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top