Le portail francophone de la géomatique

pilou272002 · Tue 02 December 2008 17:16

Bonjour à tous,

Ca fait déjà quelques temps que je bosse sur ce projet de webmapping. J'ai mis les fonds google (roads,ortho) en couches de base, intégrer des layers au format kml, geojson (en appliquant des analyses thématiques) mais là je bloque sur un truc qui me parait pourtant simple : insérer un raster png.

J'ai fabriqué mon PNG à partir de mon sig autonome (mapinfo)
Au départ, je suis parti naîvement dans du kml. j'avais fait dans google earth une superposition d'image. J'ai exporté le 'place' en kml. et dans mon html, j'appelais la fonction openlayers.layer.gml :

transports =new OpenLayers.Layer.GML("Desserte actuelle et future", "Transports_Image_Overlay.kml", {
format: OpenLayers.Format.KML,
projection: new OpenLayers.Projection("EPSG:4326")});

Ca na pas du tout marché, je me suis dit que le kml n'était effectivement pas fait pour çà !! (

du coup je repars dans le classique openlayers.layers.image :

transports =new OpenLayers.Layer.Image("Desserte actuelle et future", "Transports.png",
new OpenLayers.Bounds(-0.109,0.1182,0.1311,-0.293),
new OpenLayers.Size(580, 500),{numZoomLevels: 30});

Les bounds que je choisis font référence à mon map.setcenter initial[2] et aux coordonnées long lat que me rendait le premier kml [1] :
[1]
<LatLonBox>
<north>48.95461308533419</north>
<south>48.72684710498827</south>
<east>2.456115902535942</east>
<west>2.032263169704167</west>
</LatLonBox>
[2]
var lat=48.845
var lon=2.325
map.setCenter (lonLat, zoom)

Mais en vain !!! Rien n'y fait !! Quand je clique sur le base layer 'transport' un magnifique fond blanc apparait et l'échelle de zoom claque un beau bug
J'ai surement dû faire une belle boulette mais je ne la trouve pas !
Merci aux connaisseurs,

Bonne soirée

Pierre

René-Luc D'Hont · Tue 02 December 2008 18:50

Bonjour,

Tout d'abord si tu utilises les fonds Google, quelle projection de visualisation utilises-tu, EPSG:4326 ou EPSG:900913 ?

Il est important si tu souhaites avoir un affichage le plus propre possible de travailler en Google Spherical Mercator, EPSG:900913. Plus d'info [urlhttp://crschmidt.net/~crschmidt/spherical_mercator.html]ici[/url] : http://crschmidt.net/~crschmidt/spherical_mercator.html

pilou272002 · Wed 03 December 2008 10:12

Le display projection que j'utilise est epsg 4326.
Comme je ne suis qu'un amateur, voici les premières lignes de code :

function init(){
map = new OpenLayers.Map ("map", {
controls:[
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.Attribution()],
maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
maxResolution: 156543.0399,
numZoomLevels: 50,
units: 'm',
projection: new OpenLayers.Projection("EPSG:900913"),
displayProjection: new OpenLayers.Projection("EPSG:4326")
} );
var gsat = new OpenLayers.Layer.Google(
"Photographie aerienne",
{type: G_SATELLITE_MAP, 'sphericalMercator': true, numZoomLevels: 22}
);
map.addLayer(gsat);
var gmap = new OpenLayers.Layer.Google(
"Habillage routier",
{'sphericalMercator': true}
);
map.addLayer(gmap);
var lonLat = new OpenLayers.LonLat(lon, lat).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
map.setCenter (lonLat, zoom);

Merci beaucoup René-Luc pour ton aide.

Bonne journée

René-Luc D'Hont · Wed 03 December 2008 11:36

Donc comme l'indique ton code, tu affiches ta carte en Google Spherical Mercator :

Code:

projection: new OpenLayers.Projection("EPSG:900913")

Par contre en déclarant :

Code:

displayProjection: new OpenLayers.Projection("EPSG:4326")

Tu permets seulement à des contrôles (OpenLayers.Control) de te fournir des informations dans la projection WGS84

Donc pour ton problème de couche Image tu dois reprojeté la bounding box de ton image exprimé en EPSG:4326, comme tu le fais avec le centre de ta carte à l'initialisation.

Tu devrais donc faire :

Code:

var bounds = new OpenLayers.Bounds(-0.109,0.1182,0.1311,-0.293);
bounds.transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
transports =new OpenLayers.Layer.Image("Desserte actuelle et future", "Transports.png",
  bounds,
  new OpenLayers.Size(580, 500),
  {numZoomLevels: 30});

Si tu ne fais pas cela ton image est en fait affichée au milieu du golfe de guinée!

pilou272002 · Wed 03 December 2008 14:21

Merci René-Luc pour ces précisions.
J'ai essayé ton code mais lorsque je clique sur le base layer "desserte actuelle et future", des erreurs sont identifiées sur une ligne totalement anodine.
J'avoue être perdu mais je ne désespère pas, je vais continuer de chercher et trouver LA solution.......... ou pas :o)

Au cas où, je mets en pièce jointe un ptit zip de mon projet

Merci et Bonne journée

Dernière modification par pilou272002 (Wed 03 December 2008 15:06)

Fichier(s) joint(s) :
Pour accéder aux fichiers vous devez vous inscrire.

René-Luc D'Hont · Wed 03 December 2008 15:42

A mon avis tu oubliés un simple var devant le premier bounds!

René-Luc D'Hont · Wed 03 December 2008 16:09

J'ai commencer à débugger et je vous conseille de vérifier tous les chemins que vous utilisez. Que ce soit pour transport ou pour les fichier KML vous pointez dans le vide.

Ensuite il faut utiliser

Code:

var bounds = new OpenLayers.Bounds(2.032263169704167, 48.72684710498827, 2.456115902535942, 48.95461308533419);
bounds.transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
transports =new OpenLayers.Layer.Image("Desserte actuelle et future", 
                                                  "TRANSPORT.png",
                                                  bounds,
                                                  new OpenLayers.Size(580, 500),
                                                  {isBaseLayer:false});

Vous vous appercevrez ainsi que votre image ne colle pas avec les fonds google. Ceci est normal puisque l'image est en 4326, alors que Google est en 900913. Ensuite il y a des problèmes avec les JSON, qui ne semble pas reprojeté.

En fonction de ce que vous voulez faire, je vous conseille, soit de vous affranchir de Google et de travaille en 4326 avec l'image Transport comme fond. Soit de recréer une image du transport mais cette fois selon la projection de Google et de réviser votre code de sorte que toutes vos couches soit transformer en 900913.

pilou272002 · Thu 04 December 2008 10:24

Merci beaucoup René-Luc, J'arrive désormais à superposer mon image.
Il est vrai que je dois cependant épurer mon code.
Merci beaucoup

Communauté	Ressources	L'emploi	Le marché	L'association	Fils RSS
Forum Blogs Wiki Planet Sites amis	Agenda Biblio Fiches AMO-CNIG Paris PCGIS Téléchargements	Offres d'emploi Banque de CV Formations Démarche Métiers	Geo-Entreprises Geo-Communiqué Appels d'offres	L'association Qui sommes-nous ? Nous aider Bienfaiteurs Partenaires Historique Statuts	Tout le site Job Géomatique Services GeoBlogs ...	Faire un don Mentions légales

Le portail francophone de la géomatique

Annonce

#1 Tue 02 December 2008 17:16

[OpenLayers] Comment faire insérer mon beau raster !!

#2 Tue 02 December 2008 18:50

Re: [OpenLayers] Comment faire insérer mon beau raster !!

#3 Wed 03 December 2008 10:12

Re: [OpenLayers] Comment faire insérer mon beau raster !!

#4 Wed 03 December 2008 11:36

Re: [OpenLayers] Comment faire insérer mon beau raster !!

Code:

Code:

Code:

#5 Wed 03 December 2008 14:21

Re: [OpenLayers] Comment faire insérer mon beau raster !!

#6 Wed 03 December 2008 15:42

Re: [OpenLayers] Comment faire insérer mon beau raster !!

#7 Wed 03 December 2008 16:09

Re: [OpenLayers] Comment faire insérer mon beau raster !!

Code:

#8 Thu 04 December 2008 10:24

Re: [OpenLayers] Comment faire insérer mon beau raster !!

Pied de page des forums