Comment superposer des points lat / lon sur une couche Google dans OpenLayers 2?

Je suis bloqué en ajoutant un point vectoriel en lat / lon au-dessus d'une couche Google dans OpenLayers. Le point bouge lorsque je déplace la carte. Cela ne se produit pas si je remplace la couche Google par une couche dans WGS84. Comment puis-je réparer cela?

map = new OpenLayers.Map('map');
map.addControl(new OpenLayers.Control.LayerSwitcher());

var gmap = new OpenLayers.Layer.Google(
            "Google Streets", 
            {numZoomLevels: 20}
           );
var pointLayer = new OpenLayers.Layer.Vector("Point Layer");

map.addLayers([gmap,pointLayer]);
map.setCenter(new OpenLayers.LonLat(16.373056, 48.208333), 5);

var point = new OpenLayers.Geometry.Point(16.373056, 48.208333);
var pointFeature = new OpenLayers.Feature.Vector(point,null,null);
pointLayer.addFeatures([pointFeature]);

J'ai essayé de suivre http://docs.openlayers.org/library/spherical_mercator.html mais sans succès.

Vous devez ajouter quelques modifications pour obtenir les résultats requis:

1. Ajoutez la propriété sphericalMercator: true à votre couche Google afin que les couches vectorielles soient affichées correctement au-dessus de votre couche de base Google (c'est la raison du déplacement de la géométrie).
2. Ajoutez la propriété maxExtent de votre couche Google, sinon le centre de la carte ne sera pas défini correctement. L'étendue indiquée ci-dessous est l'étendue du monde en coordonnées Mercator.
3. Comme l'a indiqué user1795, la géométrie de votre point doit être reprojetée de 4326 à Web Mercator pour apparaître correctement sur la carte.
4. Cela s'applique également au setCenter LonLat, vous devez donc également le transformer.

Code de travail ci-dessous:

            map = new OpenLayers.Map('map');
            map.addControl(new OpenLayers.Control.LayerSwitcher());

            var proj = new OpenLayers.Projection("EPSG:4326");

            var gmap = new OpenLayers.Layer.Google("Google Streets", {
                sphericalMercator: true,
                'maxExtent': new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.34)
            });
            var pointLayer = new OpenLayers.Layer.Vector("Point Layer");

            map.addLayers([gmap, pointLayer]);
            var lonlat = new OpenLayers.LonLat(16.373056, 48.208333);
            lonlat.transform(proj, map.getProjectionObject());
            map.setCenter(lonlat, 5);

            var point = new OpenLayers.Geometry.Point(16.373056, 48.208333);
            point = point.transform(proj, map.getProjectionObject());
            //console.log(point);
            var pointFeature = new OpenLayers.Feature.Vector(point, null, null);
            pointLayer.addFeatures([pointFeature]);

C'est un problème de projection, il faut transformer la projection du point en celle de la couche de base (google map ici). Le code suivant devrait fonctionner

    map = new OpenLayers.Map('map');
    map.addControl(new OpenLayers.Control.LayerSwitcher());

    var gmap = new OpenLayers.Layer.Google(
        "Google Streets", 
        {numZoomLevels: 20}
    );
    var pointLayer = new OpenLayers.Layer.Vector("Point Layer");

    map.addLayers([gmap,pointLayer]);
    map.setCenter(new OpenLayers.LonLat(16.373056, 48.208333), 5);

    var point = new OpenLayers.Geometry.Point(16.373056, 48.208333);
    point.transform(new OpenLayers.Projection("EPSG:4326"),new OpenLayers.Projection("EPSG:900913"));
    var pointFeature = new OpenLayers.Feature.Vector(point,null,null);
    pointLayer.addFeatures([pointFeature])

En effet, la projection par défaut de google map (mercator sphérique) est 900913 et celle d'un simple point à lonlat en 4326.

Veuillez vous assurer que le point est défini comme (longitude, latitude) et non comme (latitude, longitude).

Lorsque vous travaillez avec l'API Google Maps JS, vous devez faire attention à la version. Il existe par défaut une version de développement de l'API Google JS Maps. Consultez la page: http://code.google.com/apis/maps/documentation/javascript/basics.html#Versioning

Et l'équipe Google Maps JS corrige également des bugs. Vérifiez http://code.google.com/p/gmaps-api-issues/wiki/JavascriptMapsAPIv3Changelog

À l'avenir, mentionnez la version de l'API Google Maps dans la question. La v3.3 n'a eu aucun problème avec Openlayers car principalement utilisé par les développeurs.

Je pense que c'est un problème de projection.

Avez-vous essayé de signaler le centre de gravité du point lorsque la carte se déplace? Vous pourrez peut-être voir si quelque chose change.

Mais d'après ce que je vois sur le code yuor, vous ajouteriez un point WGS84 à un autre corordsys