Google map V3 Définir Centre de Marqueur spécifique

Je suis en utilisant Google Map V3 pour afficher une liste de marqueurs tiré à partir d'une base, à l'aide de MYsql et PHP.
MES marqueurs sont définies sur la carte à l'aide de l'adresse complète (à partir de DB, y compris le code postal) que je n'ai pas le Long,Lat info
Tout fonctionne très bien, MA boucle semble que suivre

while...
Addmarker(map,'MY ADdress','Title');
end while;

Maintenant, je voudrais mettre la carte à un marqueur spécifique contenue dans la boucle qui va correspondre à une entrée précédemment code postal.
Comment puis-je mettre la carte au centre de ce marqueur et ouvrir l'infowindow?

InformationsquelleAutor salocin | 2011-05-27

google-maps google-maps-api-3

58

Une fois que vous avez des marqueurs sur la carte, vous pouvez récupérer les coordonnées Lat/Long par le biais de l'API et de l'utiliser pour régler la carte du centre. Vous aurez juste besoin de déterminer le marqueur que vous souhaitez au centre, - je vais laisser ça à vous.
```
//"marker" refers to the Marker object you wish to center on

var latLng = marker.getPosition(); //returns LatLng object
map.setCenter(latLng); //setCenter takes a LatLng object
```
Info windows sont des objets distincts qui sont généralement liés à un marqueur, afin d'ouvrir la fenêtre d'informations que vous pourriez faire quelque chose comme ceci (cependant cela dépendra de votre code):
```
var infoWindow = marker.infoWindow; //retrieve the InfoWindow object
infoWindow.open(map); //Trigger the "open()" method
```
Espère que cette aide.
- thx, s'il vous plaît ne laissez pas que pour moi, comme je ne suis pas à l'aise avec google map. Comment dois-je cibler un marqueur spécifique?
- De L'Aide Svp????
- Dans le "Addmarker" en fonction de votre temps...fin de la boucle, vous devez être la construction Marqueur objets à l'aide de l'API Google Maps. Vous devrez peut-être attribuer à chaque marqueur (ou tout simplement le marqueur(s) vous souhaitez travailler avec) pour un tableau afin que vous puissiez y accéder. Si vous avez besoin de plus d'aide pour construire des Marqueurs et de les ajouter à une carte, je vous suggère de près cette question et d'en créer un nouveau, qui est plus spécifique à l'aide dont vous avez besoin.
- Vous pouvez également consulter sur ce tutoriel ou parcourir ces exemples
InformationsquelleAutor 6twenty
38

De construire sur @6twenty de réponse...je préfère panTo(LatLng) sur setCenter(LatLng) que le panTo anime pour faciliter la transition à center "si le changement est moins que la largeur et la hauteur de la carte".
https://developers.google.com/maps/documentation/javascript/reference#Map

Ci-dessous utilise l'API Google Maps v3.
```
var marker = new google.maps.Marker({
    position: new google.maps.LatLng(latitude, longitude),
    title: markerTitle,
    map: map,
});
google.maps.event.addListener(marker, 'click', function () {
    map.panTo(marker.getPosition());
    //map.setCenter(marker.getPosition()); //sets center without animation
});
```
- +1 pour le panTo méthode 🙂
- Merci, cela a fonctionné pour moi. Il existe une autre fonction panBy, cela vous aidera à changer le centre de la carte par la distance donnée en pixels. 🙂
InformationsquelleAutor Eddie
16

Cela devrait faire l'affaire!
```
google.maps.event.trigger(map, "resize");
map.panTo(marker.getPosition());
map.setZoom(14);
```
Vous aurez besoin d'avoir vos cartes mondiales
- Propriété "panTo" n'existe pas sur le type "GoogleMap'.
InformationsquelleAutor Alex
2

peut-être cela va aider:
```
map.setCenter(window.markersArray[2].getPosition());
```
tous les marqueurs de l'info sont en markersArray tableau et il est mondial. Ainsi, vous pouvez y accéder à partir de n'importe où à l'aide de la fenêtre.variablename. Chaque marqueur a un id unique et vous pouvez mettre l'id de la clé de tableau. afin de vous créer un marqueur comme ceci:
```
window.markersArray[2] = new google.maps.Marker({
            position: new google.maps.LatLng(23.81927, 90.362349),          
            map: map,
            title: 'your info '  
        });
```
Espère que cela aidera.

InformationsquelleAutor papps

geocoder.geocode( { 'address': address}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      map.setCenter(results[0].geometry.location);
      var marker = new google.maps.Marker({
          map: map,
          position: results[0].geometry.location
      });
    } else {
      alert('Geocode was not successful for the following reason: ' + status);
    }
  });

InformationsquelleAutor alpc

Si vous voulez centrer la carte sur un marqueur et vous avez le cordinate, quelque chose comme cliquer sur un élément de liste et la carte devrait se centre sur qui coordonnent ensuite le code suivant fonctionne:

En HTML:

<ul class="locationList" ng-repeat="LocationDetail in coordinateArray| orderBy:'LocationName'">
   <li>
      <div ng-click="focusMarker(LocationDetail)">
          <strong><div ng-bind="locationDetail.LocationName"></div></strong>
          <div ng-bind="locationDetail.AddressLine"></div>
          <div ng-bind="locationDetail.State"></div>
          <div ng-bind="locationDetail.City"></div>
      <div>
   </li>
</ul>

Dans Le Contrôleur:

$scope.focusMarker = function (coords) {
    map.setCenter(new google.maps.LatLng(coords.Latitude, coords.Longitude));
    map.setZoom(14);
}

Emplacement De L'Objet:

{
    "Name": "Taj Mahal",
    "AddressLine": "Tajganj",
    "City": "Agra",
    "State": "Uttar Pradesh",
    "PhoneNumber": "1234 12344",
    "Latitude": "27.173891",
    "Longitude": "78.042068"
}

Pourriez-vous fournir une non-solution Angulaire, s'il vous plaît?

InformationsquelleAutor Kailas

Vous devez vous connecter pour publier un commentaire.