Suivez les fils RSS
 
Auteur
Furox
# 20 Mar 2010 - 01:18:07
Citer
21 Posts
Bonjour à tous,

avant toute chose, désolé pour la question à venir, qui vous paraitra sans aucun doute, particulièrement niaise, mais je précise que je ne suis absolument pas développeur AJAX, et que je n'ai pas pour ambition de le devenir.

Seulement, pour ce cas particulier, j'ai besoin de votre aide...

Je souhaite mettre en place une Google Maps Api sur mon site web, et je m'arrache les cheveux depuis quelques heures déjà, juste pour répondre à cette question: comment mettre en place une carte avec des marqueurs de 2 couleurs distinctes (rouge ; bleu).

J'ai réussi à mettre en place ma carte, je peux même placer des marqueurs aux points que je souhaite, seulement, seuls les marqueurs rouge (par défaut) apparaissent.

Comment faire pour que d'autres puissent être bleus ? (en gardant la même forme: le ballon)


Merci à tous, et désolé pour ceux qui seraient "choqués" par ma question smile
Modifié par Furox (22 Mar 2010 - 17:04)

^
loicbcn
# 20 Mar 2010 - 10:08:49
Citer
174 Posts
Bonjour, je crois qu'ici, ils donnent un exemple :
http://code.google.com/intl/fr/apis/maps/documentation/overlays.html#Icons_overview

et l'image utilisée est la même que celle par défaut mais bleue :
http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png
Modifié par loicbcn (20 Mar 2010 - 10:09)

C'est en forgeant qu'on se blesse.

http://loic.donot.free.fr 
^
moust
# 20 Mar 2010 - 12:37:54
Citer
438 Posts
C'est ça. Il faut que tu créé un objet Icon avec l'image que tu souhaite pour ton marqueur et que tu utilisera lors du positionnement de ce dernier.

http://www.deadline6am.com/ 
^
Furox
# 20 Mar 2010 - 14:44:54
Citer
21 Posts
Parfait ça marche, par contre, à l'affichage l'image est légèrement déformée.

Je vous donne l'url pour que vous puissiez mieux voir: ***

Et voici le code utilisé:
<script type="text/javascript">
function load() {

var map = new GMap2(document.getElementById("map"));
var map = new GMap2(document.getElementById("map"),{backgroundColor:"#d3d7de"});

map.setCenter(new GLatLng(2.2186375, 48.8400909), 1);
map.setUIToDefault();
map.setMapType(G_PHYSICAL_MAP)


// Create our "tiny" marker icon
var blueIcon = new GIcon(G_DEFAULT_ICON);
blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";

// Set up our GMarkerOptions object
markerOptions = { icon:blueIcon };

// Add 10 markers to the map at random locations
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var lngSpan = northEast.lng() - southWest.lng();
var latSpan = northEast.lat() - southWest.lat();
for (var i = 0; i < 10; i++) {
var point = new GLatLng(48.85846111697847, 2.2944045066833496);
map.addOverlay(new GMarker(point,markerOptions));

var point = new GLatLng(30.85846111697847, 2.2944045066833496);
map.addOverlay(new GMarker(point));
}
}

</script>


S'il y en a parmi vous qui savent pour cette image "blue" apparait déformée, je suis preneur smile

Sinon, merci beaucoup moust et loicbcn pour votre aide cligne
Modifié par Furox (22 Mar 2010 - 17:04)

^
moust
# 21 Mar 2010 - 12:42:55
Citer
438 Posts
Essais de forcer la taille de ton icon.
blueIcon.iconSize = new GSize(32, 32);


http://www.deadline6am.com/ 
^
Furox
# 22 Mar 2010 - 17:04:34
Citer
21 Posts
Parfait, merci à toi cligne

^