In Google Maps API (v3), I want to use AutoComplete, so I have enabled the Places library.
You can click on places other than markers on the map that have nothing to do with it.
Is there a way to use AutoComplete only or not to click anywhere other than the marker?
I think it is possible to hide the landmark label.
function initialize(){
// create map
varmap = new google.maps.Map( document.getElementById('map-canvas'), {
center: {
lat:35.683373,
lng —139.769212
},
zoom —18
});
// define map type
map.mapTypes.set('nopoi', new google.maps.StyledMapType([{{
featureType: "poi",
elementType: "labels",
styleers:[{
visibility:"off"
}]
}], {
name: "NO POI"
}));
// apply maptype
map.setMapTypeId('nopoi');
// test —search restaurant around marunouchi
var service = new google.maps.places.PlacesService(map);
service.search({
location: new google.maps.LatLng (35.683373, 139.769212),
radius: '500',
query: 'restaurant'
}, function(results, status){
for(var_r=0;_r<results.length;++_r){
// create marker
new google.maps.Marker({
position:results[_r].geometry.location,
map —map,
title:results[_r].name
});
}
});
};
initialize();
#map-canvas{
height —400px;
width —500px;
}
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=true_or_false"></script>
<divid="map-canvas"></div>
//create map
varmap = new google.maps.Map( document.getElementById('map-canvas'), {
center: {
lat:35.683373,
lng —139.769212
},
zoom —18
});
// define map type
map.mapTypes.set('nopoi', new google.maps.StyledMapType([{{
featureType: "poi",
elementType: "labels",
styleers:[{
visibility:"off"
}]
}], {
name: "NO POI"
}));
// apply maptype
map.setMapTypeId('nopoi');
© 2024 OneMinuteCode. All rights reserved.