Google API V3를 사용하여 현재 위치와 인근 레스토랑 또는 카페를 표시하는 웹 사이트를 만들려고합니다. Google의 튜토리얼에서이 코드를 시도했지만 이 API는지도상의 현재 위치를 보여줍니다. 여기 코드는 입니다. pyrmont가 있는데 다른 위도와 경도로 변경할 수는 있지만 navigator.geolocation.getCurrentPosition(); ...iPhone Google지도 API V3 사용자 현재 위치 및 쇼 레스토랑
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true&libraries=places"></script>
<script type="text/javascript">
var map;
var infowindow;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success, error);
} else {
alert('geolocation not supported');
}
function success(position) {
alert(position.coords.latitude + ', ' + position.coords.longitude);
}
function error(msg) {
alert('error: ' + msg);
}
function initialize() {
var pyrmont = new google.maps.LatLng(48.195201,16.369547);
map = new google.maps.Map(document.getElementById('map'), {
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: pyrmont,
zoom: 15
});
var request = {
location: pyrmont,
radius: 500,
types: ['cafe']
};
infowindow = new google.maps.InfoWindow();
var service = new google.maps.places.PlacesService(map);
service.search(request, callback);
}
function callback(results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
for (var i = 0; i < results.length; i++) {
createMarker(results[i]);
}
}
}
function createMarker(place) {
var placeLoc = place.geometry.location;
var marker = new google.maps.Marker({
map: map,
position: place.geometry.location
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(place.name);
infowindow.open(map, this);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
그래서이 행은 어떻게됩니까? var pyrmont = new google.maps.LatLng (48.195201,16.369547); – xmux
이 pyrmont를 변경하지 않으면 작동하지 않습니다. 여전히 동일한 위치 만 보여줍니다 .. 어딘가에 .. – xmux
실행하면 검색 결과와 위치가 표시됩니다. 사용자 위치 주변을 검색하겠습니까? –