2012-03-23 13 views
0

下記の例のように、javascriptではなくxmlファイルからポイントを読み取ろうとしています。マーカーの位置とプロットのためにxmlファイルを解析する方法

https://google-developers.appspot.com/maps/documentation/javascript/examples/marker-animations-iteration

しかし、それは私のために働いていません。

<?xml version="1.0" encoding="UTF-8"?> 
<companies> 
    <company> 
     <lat>52.511467</lat> 
     <lng>13.447179</lng> 
    </company> 
    <company> 
     <lat>52.549061</lat> 
     <lng>13.422975</lng> 
    </company> 
    <company> 
     <lat>52.497622</lat> 
     <lng>13.396110</lng> 
    </company> 
    <company> 
     <lat>52.517683</lat> 
     <lng>13.394393</lng> 
    </company> 
</companies> 

Googleマップv3に表示されるポイントを取得できません。誰かが座標のxmlファイルを解析してマップ上に表示する例がありますか?

答えて

0

私は、XMLファイルを取得して解析するためにjQueryを使用します。私はこのアプローチを何度も使ってきましたが、これをテストする時間がないので、構文エラーがあるかもしれません。

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
... 
var map; 
function init() 
{ 
    map = new google.maps.Map("map_canvas"); 
    jQuery.get("companies.xml", {}, function(data) { 
     jQuery(data).find("company").each(function() { 
      var company = jQuery(this); 
      var lat = jQuery(company).find("lat").text(); 
      var lon = jQuery(company).find("lng").text(); 
      var latlng = new google.maps.LatLng(parseFloat(lat), parseFloat(lon)); 
      var marker = new google.maps.Marker({ position: latlng, }); 
      markers.setMap(map); 
     }); 
    }); 
} 
1

賢明な点 - ヒントのために沢山ありがとうございました! 一つの小さなミスは、上記のコードではまだです:

markers.setMap(マップ)を交換します。

marker.setMap(マップ)によって

...それは動作します!

関連する問題