jqueryを使用して、PhonegapのGoogleマップで地理位置情報を取得しようとしています。次のコードを試してみましたが、うまくいきません。alert("1") は受け取りますが、 alert("2") は受け取りません:
alert("1");
$('#map_canvas').gmap('getCurrentPosition', function(position, status) {
alert("2");
if ( status === 'OK' ) {
var clientPosition = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
$('#map_canvas').gmap({'center': clientPosition});
$('#map_canvas').gmap('addMarker', {'position': clientPosition, 'bounds': true});
$('#map_canvas').gmap('addShape', 'Circle', {
'strokeWeight': 0,
'fillColor': "#008595",
'fillOpacity': 0.25,
'center': clientPosition,
'radius': 15,
'clickable': false
});
}
});
アイデア ?お願いします :)
これらは私の.jsファイルです:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.map.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.map.js"></script>
<script type="text/javascript" src="js/jquery.ui.map.extensions.js"></script>
map_canvas は、私の html でこの div を参照します: id="map_canvas" style="width:250px;height:250px"
ありがとう !