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

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

新規登録して質問してみよう
ただいま回答率
85.48%
アプリカン

アプリカンは、複数のプラットフォーム(OS/マーケット)のアプリを簡単に開発・運用できるサービスです。HTML5をベースとしたワンソース・マルチプラットフォームサービスで、Android/iOS対応アプリを同時に開発することができます。

Geolocation

Geolocation(ジオロケーション)は、携帯電話やインターネットに接続したコンピューターターミナルなど、オブジェクトの現実世界での地理的位置の情報を扱う技術であり、位置評価の実施や、実際に評価された位置を示す場合もあります。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

Q&A

0回答

903閲覧

Geolocation APIを用いた ピンの複数表示について

shin0301

総合スコア15

アプリカン

アプリカンは、複数のプラットフォーム(OS/マーケット)のアプリを簡単に開発・運用できるサービスです。HTML5をベースとしたワンソース・マルチプラットフォームサービスで、Android/iOS対応アプリを同時に開発することができます。

Geolocation

Geolocation(ジオロケーション)は、携帯電話やインターネットに接続したコンピューターターミナルなど、オブジェクトの現実世界での地理的位置の情報を扱う技術であり、位置評価の実施や、実際に評価された位置を示す場合もあります。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

0グッド

0クリップ

投稿2019/12/20 01:21

現在、アプリカンを用いて現在地の取得やピンを複数設置させようとしております。

現在地の取得から現在地にピンを立てるところまではうまくいっております。

複数になった際にテスト的に緯度経度を渡して表示させようとしているのですが今度は地図さえ表示されなくなりました。
どこがおかしいのか分からず、質問させていただきました。

ソース(一部)
/*
* 位置情報を取得成功した時の共通処理
*/
getPositionSuccess = function(res, funcName) {
var marker = [];
var infoWindow = [];
// 位置情報の出力(全て)
var dump = funcName + "\n";
dump += "latitude:" + res.coords.latitude + "\n";
dump += "longitude:" + res.coords.longitude + "\n";
dump += "altitude:" + res.coords.altitude + "\n";
dump += "accuracy:" + res.coords.accuracy + "\n";
dump += "altitudeAccuracy:" + res.coords.altitudeAccuracy + "\n";
dump += "heading:" + res.coords.heading + "\n";
dump += "speed:" + res.coords.speed + "\n";
dump += "timestamp:" + res.timestamp + "\n";
document.getElementById("dumpAreaGeolocation").value = dump;
document.getElementById("map").style.display = "block";

// 位置情報の出力(経度、緯度、海抜と経緯度の精度) var positionInfo = document.getElementById("positionInfo"); var positionString = "<b>現在あなたの位置情報:</b><br><br>"; positionString += "経度: " + res.coords.longitude + "°" + "<br>"; positionString += "緯度: " + res.coords.latitude + "°" + "<br>"; var altitude = res.coords.altitude; if (altitude !== null) { positionString += "海抜:" + res.coords.altitude + "メートル" + "<br>"; } positionString += "経緯度の精度:" + res.coords.accuracy + "メートル" + "<br>"; positionInfo.innerHTML = positionString; // Google Map描画 var latlng = new google.maps.LatLng(res.coords.latitude, res.coords.longitude); var myOptions = { zoom : 14, center : latlng, mapTypeId : google.maps.MapTypeId.ROADMAP }; var map1; map1 = new google.maps.Map(document.getElementById("map"), myOptions); var marker[0] = new google.maps.Marker({ position : latlng, map : map1 }); var infowindow[0] = new google.maps.InfoWindow({ content : "現在の位置" }); infowindow.open(map1, marker); var test_latlng = new google.maps.LatLng(32, 131); var myOptions = { zoom : 14, } var marker[1] = new google.maps.Marker({ position : test_latlng, map : map1 }); var infowindow[1] = new google.maps.InfoWindow({ content : "テスト" }); infoWindow[0].open(map1, marker[0]); infoWindow[1].open(map1, marker[1]); };

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問