###前提・実現したいこと
GoogleMapのAPIを使ったWebのアプリを制作しており、
外部のCSVファイルから緯度、経度を読み取りピンを立てたいと考えています。
",32.025693,136.122418,"
",35.081123,135.151876,"
",33.103462,137.166258,"
前から緯度、経度となっているのですが、表示のさせ方がよくわかりません。
###該当のソースコード
html
1<head> 2 <meta charset="UTF-8"> 3 <script src="http://maps.google.com/maps/api/js?sensor=true"></script> 4</head> 5 6<body onload="googleMap();"> 7 8 <div id="area-google-map" style="width:100%;height:500px;"></div> 9 10 11 <script> 12 var marker; 13 var center = { 14 lat: 34.7019399, 15 lng: 135.51002519999997 16 }; 17 function googleMap() { 18 19 var coordinate = new google.maps.LatLng(31.911686, 131.414043); 20 21 /*マップの設定*/ 22 var mapOptions = { 23 zoom: 10, 24 center: center, 25 }; 26 27 /*マップをID area-google-mapに埋め込む記述*/ 28 var map = new google.maps.Map(document.getElementById('area-google-map'), mapOptions); 29 30 31 32 ); 33 34 marker = new google.maps.Marker({ 35 position: center, 36 map: map 37 }); 38 var markerOptions = { 39 position: coordinate, 40 map: map, 41 42 }; 43 44 45 var marker = new google.maps.Marker(markerOptions); 46 } 47 </script> 48</body> 49</html>
下の方法でcsvを読み出そうと考えてるのですが、alertが文字化してしまいうまく行きません。
javascript
1function getCSV(){ 2 var req = new XMLHttpRequest(); 3 req.open("get", "01new.csv", true); 4 req.send(null); 5 6 7 req.onload = function(){ 8 convertCSVtoArray(req.responseText); 9 } 10} 11 12 13function convertCSVtoArray(str){ 14 var result = []; 15 var tmp = str.split("\n"); 16 17 18 for(var i=0;i<tmp.length;++i){ 19 result[i] = tmp[i].split(','); 20 } 21 22 alert(result[0][1]); 23} 24 25getCSV();
回答よろしくお願いします。
あなたの回答
tips
プレビュー