Comment trouver à proximité des hôpitaux à l'aide de google map api et javascript

var MapApiApplication = {
   myCurrentPosition : "",
   mapOptions : "",
   marker : "",
   initialize : function(){
      MapApiApplication.myCurrentPosition = new google.maps.LatLng(10.112293000000000000, 76.352684500000010000);
      MapApiApplication.mapOptions = {
        zoom: 13,
        center: MapApiApplication.myCurrentPosition,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      MapApiApplication.map = new google.maps.Map(document.getElementById('map-canvas'), MapApiApplication.mapOptions);
      MapApiApplication.marker = new google.maps.Marker({
         position: MapApiApplication.myCurrentPosition,
         map: MapApiApplication.map,
         title: 'Here You are'
      });
   }, 
};

J'ai la position actuelle de la latitude et de la longitude. Comment puis-je trouver à proximité des hôpitaux emplacements à l'aide de javascript et de l'api google maps.

InformationsquelleAutor Deepu S A | 2013-09-10
  1. 10

    Vous devez utiliser le Les Lieux De La Bibliothèque. Dans le Lieu De Recherche, De Demandes De vous pouvez spécifier un type - ce qui classe ce "type" de l'endroit où vous êtes la recherche pour. Selon le Pris en charge Endroit Types de Lieux de Google API, il y a hospital et health types - qui sera probablement votre meilleur pari pour obtenir les hôpitaux dans votre recherche de réponse.

    • merci beaucoup pour la réponse. s'il vous plaît laissez-moi savoir si vous pouvez fournir quelques liens utiles ou de code pour les applications comme l'HTML5 + javascript + google map api basée sur les modules. J'étais passé par votre profil et heureux de savoir que vous avez beaucoup d'expérience dans le développement de ces types d'applications. Si vous pouvez m'aider veuillez fournir des liens ou des exemple de code. De toute façon, merci à vous
    • Je pense que l'exemple de code dans la documentation de l'API sera exactement ce dont vous avez besoin: exemple de code. Tout ce que vous aurez besoin de modifier en ce qui concerne cette question est la location et la type paramètres dans le request. Voici un lien vers un jsfiddle que j'ai rapidement mis ensemble, montrant comment il peut être fait.
    • Merci beaucoup Suvi... 🙂
    • mon expérience est que le type d'hôpital est extrêmement sur une date, vous êtes mieux de faire de la proximité d'une recherche par mot clé à l'hôpital, il vous donnera des résultats qui sont un bien meilleur match. Pour exemple, nous avons eu un à la clinique mayo à l'hôpital près de nous, mais il y avait un groupe de fournisseurs avec le type d'hôpital inscrit dans le bâtiment ainsi faire des résultats inexacts.
    InformationsquelleAutor Suvi Vignarajah
  2. 3

    J'ai eu la chance de travailler sur elle récemment.

    Voici le code de travail extrait:

    //comments inline

    JS:

    var map;
var infowindow;
function initialize() {
var pyrmont = new google.maps.LatLng(19.107567, 72.8335); //sample location to start with: Mumbai, India
map = new google.maps.Map(document.getElementById('map-canvas'), {
center: pyrmont,
zoom: 15
});
var request = {
location: pyrmont,
radius: 200,
types: ['hospital', 'health'] //this is where you set the map to get the hospitals and health related places
};
infowindow = new google.maps.InfoWindow();
var service = new google.maps.places.PlacesService(map);
service.nearbySearch(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);

    CSS:

    html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}

    HTML:

    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places"></script>
<div id="map-canvas"></div>

    Il est important à noter que les lieux ne soient pas marqués sur la carte si vous chargez la bibliothèque et Javascript à la fin de <body> tag.

    • Comment puis-je obtenir tous les marqueurs qui sont récupérées à partir de la carte?
    • Dans le createMarker() fonction, vous pouvez avoir les marqueurs poussé dans un tableau quand ils sont créés. Comme dans markersArray.push(marker) La markersArray doit être globale dans ce cas, et initialisé de tableau vide [].
    InformationsquelleAutor Rahul Desai