質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
CSV

CSV(Comma-Separated Values)はコンマで区切られた明白なテキスト値のリストです。もしくは、そのフォーマットでひとつ以上のリストを含むファイルを指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

518閲覧

Goolemapにcsvファイルから読み込んだ緯度、経度をマーカーとして表示させたい

tesura

総合スコア12

CSV

CSV(Comma-Separated Values)はコンマで区切られた明白なテキスト値のリストです。もしくは、そのフォーマットでひとつ以上のリストを含むファイルを指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2017/10/09 15:01

編集2022/01/12 10:55

###前提・実現したいこと
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();

回答よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2017/10/09 16:24

「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを、具体的に記述されたほうが回答を得られやすいと思います。
tesura

2017/10/09 23:29

すいませんコード追加しました。
kei344

2017/10/10 02:08

「alertが文字化」とは?「うまくできない」について、「何をしたときに」「どうなると思って」「どうなったのか」をもう少し具体的にお願いします。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問