google maps milieu d'une polyligne (centre de gravité?)

J'ai une liste de polylignes, à l'instar de google maps n' quand je clique sur la polyligne je veux une infowindow pour montrer jusqu'où j'ai cliqué, et il fonctionne très bien avec cette fonction

function mapsInfoWindow(polyline, content) {
    google.maps.event.addListener(polyline, 'click', function(event) {            
        infowindow.content = content;
        infowindow.position = event.latLng;
        infowindow.open(map);
    });
}

le problème vient quand je clique sur la liste(à l'aide de la même fonction pour ça), événement n'est évidemment pas le latLng, mais j'aimerais infowindow à apparaître dans le milieu de la polyligne de toute façon, comme il le fait lorsque vous cliquez sur la liste dans le lien google maps Je l'ai mentionné avant.

Essayé LatLngBounds(); mais qui donne la actuall centre de la zone de la polylignes créer, et non pas le moyen dont j'ai besoin.

Aucune idée de comment le faire?

Je n'ai pas de prêt-à-utiliser la solution, mais voici l'indice: (rbrundritt.wordpress.com/2008/10/14/...), Il serait apprécié si vous publiez votre solution comme réponse. Des acclamations.
Était vraiment surtout de se demander si l'api en elle-même peut aider avec elle.. apparemment ça ne marche pas. Je vais regarder dans ce lien, merci.
gis.stackexchange.com/questions/2128/... plus d'indices
Je pense qu'il était censé être un certain point du milieu dans une polyligne, plutôt que le centre de gravité d'un polygone. Ce n'est pas la même.
Et, de plus. Je suis d'essayer de maintenir extensions pour gmaps v3, votre code pour google.cartes.Polyligne.getMidPoint() serait utile. Si vous avez le code, bien sûr 🙂

OriginalL'auteur fxck | 2011-10-19

5

Donc, c'est le(très orthodoxe) solution.

Utilisation http://www.geocodezip.com/scripts/v3_epoly.js de la bibliothèque, puis de compter le total de la longueur de vous polyligne(de diverses manières), la diviser en deux et appel epoly .GetPointsAtDistance() fonction.

Il doit retourner LatLng point, mais il agit un peu bizarre parfois, en revenant à deux points ou même de tourner ce point quelque peu "cassé". Donc, le plus sûr que vous pouvez faire est probablement de cette:
```
var pointInHalf = polyline.GetPointsAtDistance(polylineLength);
var pointCoordinate = new google.maps.LatLng(pointInHalf[0].lat(), pointInHalf[0].lng());
```
Bien, mieux que rien.

OriginalL'auteur fxck
4

De http://www.geocodezip.com/v3_polyline_example_geodesic_proj.html

Sans les extensions et en supposant que la polyligne est une ligne droite.

Il est possible de convertir les coordonnées lat/lng coordonnées de point de plan (x,y) postions et calculer la moyenne entre les deux. Cela vous donnera une centrale position du pixel. Vous pouvez ensuite convertir cette position à un latlng pour carte le tracé.
```
var startLatLng = startMarker.getPosition(); 
var endLatLng = endMarker.getPosition(); 
var startPoint = projection.fromLatLngToPoint(startLatLng); 
var endPoint = projection.fromLatLngToPoint(endLatLng); 
//Average 
var midPoint = new google.maps.Point( 
    (startPoint.x + endPoint.x) / 2, 
    (startPoint.y + endPoint.y) / 2); 
//Unproject 
var midLatLng = projection.fromPointToLatLng(midPoint); 
var midMarker = createMarker(midLatLng, "text");
```
Plus d'informations sur la modification de la projection http://code.google.com/apis/maps/documentation/javascript/reference.html#Projection

c'est loin d'être une ligne droite.. g.co/maps/vfb9n
Ensuite, essayez formulation de votre question, un peu mieux.
Le même lien que je viens de vous est dans le premier post 😉 il est également souligné dans la plupart des autres post que ce n'est pas une ligne droite, img62.imageshack.us/img62/2145/nonot.png

OriginalL'auteur Shane Best
2

Donc, tout d'abord, vous devez utiliser la géométrie de la bibliothèque qui calcule les distances. Ajouter les bibliothèques=géométrie de votre JS appel, par exemple,
```
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=geometry"></script>
```
En supposant que vous savez le point de départ et le point final de la polyligne, vous devriez être en mesure de le faire:
```
var inBetween = google.maps.geometry.spherical.interpolate(startLatlng, endLatlng, 0.5);  
infowindow.position = inBetween;
```
Je suppose que si vous ne connaissez pas les points de début et fin, vous pouvez travailler à partir d'une polyligne.getPath().

Nope, c'est exactement le même que l'utilisation de la LatLngBounds().. peut-être que (centre de gravité?) confus vous? img62.imageshack.us/img62/2145/nonot.png
..et si j'ai réellement voulions pour ce faire, vous ne savez pas ce qui serait mieux, cela vous oblige à inclure une autre bibliothèque, le LatLngBounds() sur l'autre main vous oblige à demander un tableau de tous les latLngs et appeler un getCenter() la fonction sur elle, difficile de dire lequel est le plus efficace 🙂
Je ne comprends pas votre capture d'écran
Regarde ce g.co/maps/fvm62 cliquez sur "Běžecká stopa Mílovská" sur le côté gauche, regarde où l'infowindow apparaissent, je veux qu'il y apparaître en tant que bien, mais à l'aide de votre code, ou le LatLngBounds, il semble qu'il y img62.imageshack.us/img62/2145/nonot.png
essayez d'utiliser computeLength() et de lui passer le chemin d'accès complet de la polyligne

OriginalL'auteur duncan

pour obtenir les coordonnées de votre polyligne, vous devriez faire:

var widePath = new google.maps.Polyline({
path: waypointsCoordinates,
strokeColor: '#3366FF',
strokeOpacity: 0.0,
editable: true,
draggable: true,                       
strokeWeight: 3
});

et à faire:

var latLng [];
latLng = widePath.getPath().getArray();

Cela fait quatre ans ou plus, j'imagine qu'il y a en effet une meilleure façon de le faire maintenant.

OriginalL'auteur Jefferson Maretti

2

Peut-être un peu vieux, mais pourquoi ne pas ajouter l'infobox sur le clic?
```
infowindow.setPosition(event.latLng);
infowindow.open(this.getMap());
```
Si c'est un clic.

OriginalL'auteur Richard Housham

Vous devez vous connecter pour publier un commentaire.