Google MAPS APIを使用したいと思いAPIキー取得後、
現在地をマーカーで表示するサンプルを作成したのですが、
スマホアプリ上(アプリカンでの作成)で動作させたところ、
Object PositionErrorがアラートされました。
アプリの位置情報権限はONにしているのですが、
調べても何が原因かが特定できませんでしたので
質問させていただきます。
---------プログラム----------------
<script src="https://maps.googleapis.com/maps/api/js?key=取得したAPIキー"></script> <script> function getMyPlace() { alert("aaaa"); var output = document.getElementById("result"); if (!navigator.geolocation){//Geolocation apiがサポートされていない場合 output.innerHTML = "<p>Geolocationはあなたのブラウザーでサポートされておりません</p>"; return; } function success(position) { var latitude = position.coords.latitude;//緯度 var longitude = position.coords.longitude;//経度 output.innerHTML = '<p>緯度 ' + latitude + '° <br>経度 ' + longitude + '°</p>'; // 位置情報 var latlng = new google.maps.LatLng( latitude , longitude ) ; // Google Mapsに書き出し var map = new google.maps.Map( document.getElementById( 'map' ) , { zoom: 15 ,// ズーム値 center: latlng ,// 中心座標 } ) ; // マーカーの新規出力 new google.maps.Marker( { map: map , position: latlng , } ) ; }; function error(e) { //エラーの場合 alert(e); output.innerHTML = "座標位置を取得できません"; }; navigator.geolocation.getCurrentPosition(success, error);//成功と失敗を判断 } </script> <p><button onclick="getMyPlace()">現在位置を取得</button></p> <div id="result"></div> <div id="map" style="width:100%;height:300px;"></div>一部抜粋しております。
わかる方がおられればご教示いただけるとありがたいです
あなたの回答
tips
プレビュー