Discussion :

[Zebulon777]

Bonjour à tous,

Dites, est-ce qu'il est possible de remplacer les image de pointage qui apparaissent sur les cartes ?

Dans mes fichiers KML, j'ai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
			<Style>
				<IconStyle>
					<Icon>
						<href>http://maps.gstatic.com/intl/fr_fr/mapfiles/kml/paddle/A.png</href>
					</Icon>
					<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"/>
				</IconStyle>
				<ListStyle>
					<listItemType>check</listItemType>
					<ItemIcon>
						<state>open closed error fetching0 fetching1 fetching2</state>
						<href>http://maps.gstatic.com/intl/fr_fr/mapfiles/kml/paddle/A-lv.png</href>
					</ItemIcon>
					<bgColor>00ffffff</bgColor>
					<maxSnippetLines>2</maxSnippetLines>
				</ListStyle>
			</Style>

Je voudrai donc pouvoir remplacer les "A.png" et "A-lv.png" par des icônes des mon cru.
Merci d'avance.

[nicolas.h]

Tous est expliqué ici :

http://api.ign.fr/documentation/83/a...de-couches-kml

[Zebulon777]

Merci.

Si je veux mettre ma propre icônes, quelle est la taille adéquate ?

[Mides]

Celle qui passera le mieux visuellement sur ta cartographie.

Après, concernant les goûts et les couleurs....

[Zebulon777]

Aie, aie, ça ne fonctionne pas.
j'ai modifié le style comme suit et le fichier "avion32.png" est dans le répertoire où se trouvent tous mes fichiers KML.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
			<Style>
				<IconStyle>
					<Icon>
						<href>avion32.png</href>
					</Icon>
					<hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"/>
				</IconStyle>
				<ListStyle>
					<listItemType>check</listItemType>
					<ItemIcon>
						<state>open closed error fetching0 fetching1 fetching2</state>
						<href>http://maps.gstatic.com/intl/fr_fr/mapfiles/kml/paddle/A-lv.png</href>
					</ItemIcon>
					<bgColor>00ffffff</bgColor>
					<maxSnippetLines>2</maxSnippetLines>
				</ListStyle>
			</Style>

Qu'est-ce que je fais mal ?

[nicolas.h]

Aurais tu s'il te plait un lien internet pour que l'on voit ce qui marche pas ?

Et peut tu me dire si ton image.png, veut tu l'appliquer à l'ensemble de tes POI sur ta carte ? Ou seulement à certain POI bien particulier ?

[cmail]

Rapidement, trois pistes:
Et en forçant l'adressage avec une url en absolu (http....)
Sinon, si je me rappelle bien, j'ai eu aussi des problèmes avec des png gérant mal (au sens de l'API) les fonds invisibles, et je les ai converti en gif...
Enfin, à tester, il peut y avoir une mauvaise corrélation entre les résolutions natives de ton icone et l'échelle attendue dans l'API.

[dgrichard]

Attention, les href du KML sont relatives à ... la page qui charge le KML quant elles sont interprétées

Je conseille de mettre des URL complètes dans les KML

[Zebulon777]

Salut les gars, désolé de ne pas avoir répondu plus tôt, mais je gérai un autre souci...

Qu'est-ce que tu entends par URL relatives ?
Que faut-il mettre alors dans le fichier KML ?

[cmail]

Qu'est-ce que tu entends par URL relatives ?

Un truc du genre: "../kml/avion.png"

URL complète conseillée: "http://maps.gstatic.com/intl/fr_fr/mapfiles/kml/paddle/A-lv.png"

[Zebulon777]

Je pense à autre chose : est-ce qu'il est possible de changer dynamiquement cette icône, en passant par du code ?

[Zebulon777]

L’icône ne s’affiche pas.
Dites, est-ce que vous pouvez me dire ce qui ne fonctionne pas dans ce code ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
	viewer = iv.getViewer();
	map = viewer.getMap();
	WIconeAeroport = "Aeroports_32x32.png";

	var StyleAeroport = new OpenLayers.StyleMap({
		"default": new OpenLayers.Style({
			visibility:true,
			'externalGraphic':WIconeAeroport
  		}),
	});
	
	//Ajout de la couche des aéroports
	var WBaleMulhouse = map.addLayer(
		'KML',
		'Bale-Mulhouse', // Le nom que vous souhaitez donner à la couche et qui apparaitra dans le gestionnaire de couche			
		'./KML/Bale-Mulhouse_short.kml', // Le chemin d'accès au fichier KML source, sous forme de chemin relatif ou d'URL
		{
			styleMap:StyleAeroport,
//			visibility:true,
			opacity:0.55
		},
		{
			formatOptions:{extractStyles :false}
		}		
	);

[Zebulon777]

C'est bon, j'ai fini par trouver.
Voici la solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
	var StyleAeroport2 = new OpenLayers.StyleMap({
		"default": new OpenLayers.Style({
			'pointRadius': 30,
			'externalGraphic':WIconeAeroport2
  		}),
	});
	
	//Ajout de la couche des aéroports
	var WBaleMulhouse = map.addLayer(
		'KML',
		'Bale-Mulhouse', // Le nom que vous souhaitez donner à la couche et qui apparaitra dans le gestionnaire de couche			
		'./KML/Bale-Mulhouse_short.kml', // Le chemin d'accès au fichier KML source, sous forme de chemin relatif ou d'URL
		{
			styleMap:StyleAeroport,
			visibility:true,
			opacity:0.55
		},
		{
			formatOptions:{extractStyles :false}
		}		
	);