I am working on project in which i need place name and place id as output,but i am getting place id correctly but place name it is showing undefined. here is my code thanks in advance.
<html>
<head>
<meta charset="utf-8">
<title>Search for up to 200 places with Radar Search</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="http://ift.tt/1baWrRg"></script>
<script>
var map;
var infoWindow;
var service;
function initialize() {
map = new google.maps.Map(document.getElementById('map-canvas'), {
center: new google.maps.LatLng(19.12455, 72.929158),
zoom: 11,
styles: [
{
stylers: [
{ visibility: 'simplified' }
]
},
{
elementType: 'labels',
stylers: [
{ visibility: 'on' }
]
}
]
});
infoWindow = new google.maps.InfoWindow();
service = new google.maps.places.PlacesService(map);
google.maps.event.addListenerOnce(map, 'bounds_changed', performSearch);
}
function performSearch() {
var request = {
bounds: map.getBounds(),
name:'swimming pool'
};
service.radarSearch(request, callback);
}
function callback(results, status) {
if (status != google.maps.places.PlacesServiceStatus.OK) {
alert(status);
return;
}
var data;
var count = 1;
var placeIDs = [];
var placeName = [];
for (var i = 0, result; result = results[i]; i++) {
createMarker(result);
placeIDs[i] = results[i].place_id;
placeName[i] = results[i].name;
count += 1;
data += "Number : " + count + " The name is :" + placeName[i] + " Id is : " + placeIDs[i] + "<br>";
}
document.getElementById('place_id').innerHTML = data;
}
function createMarker(place) {
var marker = new google.maps.Marker({
map: map,
position: place.geometry.location,
});
google.maps.event.addListener(marker, 'click', function() {
service.getDetails(place, function(result, status) {
if (status != google.maps.places.PlacesServiceStatus.OK) {
alert(status);
return;
}
infoWindow.setContent('<strong>' + result.name +'</strong>'+ '<br>' + "placeId : " + result.place_id);
infoWindow.open(map, marker);
});
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
<h4 id="place_id"></h4>
</body>
</html>
it will print output on screen only it is showing name as undefined.
Aucun commentaire:
Enregistrer un commentaire