2012-03-13 22 views
0

私はLatLngにjspの座標を入力しようとしていますが、私はjsの初心者です。 あなたは私にいくつかのヒントを教えてください。jspのデータをjs配列に取り込む方法

私は今、私はグーグルでハードコードさflightPlanCoordinatesを交換したい地図を表示私のJSP GoogleマップのAPI v3では持っており、簡単なパスに私のコントローラ

<c:forEach items="${trackpoints}" var="coord"> 
<div>lat = ${coord.latitude}, lon = ${coord.longitude}</div> 
</c:forEach> 

からCOORDSを取得イム以下

<script type="text/javascript"> 

function initialize() { 
    var myLatLng = new google.maps.LatLng(0, -180); 
    var myOptions = { 
    zoom: 3, 
    center: myLatLng, 
    mapTypeId: google.maps.MapTypeId.TERRAIN 
    }; 

    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 

    var flightPlanCoordinates = [ 
           new google.maps.LatLng(37.772323, -122.214897), 
           new google.maps.LatLng(21.291982, -157.821856), 
           new google.maps.LatLng(-18.142599, 178.431), 
           new google.maps.LatLng(-27.46758, 153.027892) 
           ]; 

    var flightPath = new google.maps.Polyline({ 
    path: flightPlanCoordinates, 
    strokeColor: "#FF0000", 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
    }); 

    flightPath.setMap(map); 
} 

function loadScript() { 
var script = document.createElement("script"); 
script.type = "text/javascript"; 
script.src = "http://maps.googleapis.com/maps/api/js?xxx&sensor=false&callback=initialize"; 
document.body.appendChild(script); 
} 

window.onload = loadScript; 

</script> 

を描きます"trackpoints"からの私の指針とapiをマップする

私は数時間を過ごすが運がない;/

答えて

2

配列コンストラクタで印刷してみましたか?

覚えておいてください:JavaScriptはブラウザで実行されるまでは実行されないため、動的に生成することができます。最後に,を省略する方法を理解する必要がありますが、それはIEを混乱させるので、

+0

ありがとうございます!:) – user1199476

+0

優れています。動作している場合は、この解決策が正しいことを示す答えを受け入れる必要があります。ありがとう! – tkone

関連する問題