Pb google map (point)

Résolu
batgrut Messages postés 6 Date d'inscription samedi 15 décembre 2007 Statut Membre Dernière intervention 18 décembre 2008 - 7 janv. 2008 à 21:26
batgrut Messages postés 6 Date d'inscription samedi 15 décembre 2007 Statut Membre Dernière intervention 18 décembre 2008 - 8 janv. 2008 à 14:23
Bonjour
Je me résigne à faire appel à des pro,
j'ai créé cette page
http://www.h2so.net/locales2/dinan.php
mais apres de tres tres long essai (20 heures de recherches)
impossible d'afficher un gif perso à la place de l'icone
Voici un extrait de mon code :

var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GOverviewMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(48.62,-1.84845), 10);

var cancale = new GLatLng(48.62,-1.84845);
cancale.image = "http://www.h2so.net/locales2/images/canc.gif";
cancale.iconSize = new GSize(28, 27);
cancale.shadowSize = new GSize(22, 20);
cancale.iconAnchor = new GPoint(6, 20);
cancale.infoWindowAnchor = new GPoint(5, 10);
var marker = new GMarker(cancale);
map.addOverlay(marker);

je vous en supplie
aidez moi [javascript:Insert_Emoticon('/imgs2/smile_sad.gif'); ]

3 réponses

cs_DARKSIDIOUS Messages postés 15814 Date d'inscription jeudi 8 août 2002 Statut Membre Dernière intervention 4 mars 2013 130
8 janv. 2008 à 07:06
Salut,

Quel est le rapport avec Java ??? Tu confondrais pas javascript avec java par hasard ?
______________________________________
DarK Sidious
3
cs_AlexN Messages postés 694 Date d'inscription lundi 5 décembre 2005 Statut Membre Dernière intervention 8 janvier 2014 19
8 janv. 2008 à 11:24
Un GLatLng est simplement un point géographique : http://code.google.com/apis/maps/documentation/reference.html#GLatLng
Il n'a pas de propriété icon.

var cancale = new GLatLng(48.62,-1.84845);

Il faut creer un GIcon : http://code.google.com/apis/maps/documentation/reference.html#GIcon

var myIcon = new GIcon("http://www.h2so.net/locales2/images/canc.gif");

Puis associer le GIcon et le GLatLng à un GMarker : http://code.google.com/apis/maps/documentation/reference.html#GMarker

var marker = new GMarker(cancale, {icon: myIcon});
3
batgrut Messages postés 6 Date d'inscription samedi 15 décembre 2007 Statut Membre Dernière intervention 18 décembre 2008
8 janv. 2008 à 14:23
En effet DARKSIDIOUS j'ai confondu Java et Javascript !!! désolé.
Ensuite merci beaucoup AlexN, j'ai bien sur été voir ces lien mais sans réelement en comprendre le contenu,
J'ai, par le hasard d'un essai, trouvé la solution hier soir (pas eu le temps de le dire sur le forum)
Voici le contenu de mon code, maintenant tres fonctionnel !

<script type="text/javascript">
//<![CDATA[
    function load() {
    if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GOverviewMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(48.62,-1.84845), 10);

// CANCALE
    var icon = new GIcon();
    icon.image = "http://www.h2so.net/locales2/images/m-canc.jpg";
    icon.iconSize = new GSize(87, 21);
    icon.iconAnchor = new GPoint(6, 20);
    icon.infoWindowAnchor = new GPoint(5, 1);
    var point = new GLatLng(48.67,-1.865);
    map.addOverlay(new GMarker(point, icon));
// DINAN
    var idinan = new GIcon();
    idinan.image = "http://www.h2so.net/locales2/images/m-dinan2.jpg";
    idinan.iconSize = new GSize(87, 21);
    idinan.iconAnchor = new GPoint(6, 20);
    idinan.infoWindowAnchor = new GPoint(5, 1);
    var mdinan = new GLatLng(48.45,-2.054);
    map.addOverlay(new GMarker(mdinan, idinan));
// Saint malo
    var imalo = new GIcon();
    imalo.image = "http://www.h2so.net/locales2/images/m-malo.jpg";
    imalo.iconSize = new GSize(87, 21);
    imalo.iconAnchor = new GPoint(6, 20);
    imalo.infoWindowAnchor = new GPoint(5, 1);
    var mmalo = new GLatLng(48.64,-2.06);
    map.addOverlay(new GMarker(mmalo, imalo));
// Jersey
    var ijersey = new GIcon();
    ijersey.image = "http://www.h2so.net/locales2/images/m-jersey.jpg";
    ijersey.iconSize = new GSize(87, 21);
    ijersey.iconAnchor = new GPoint(6, 20);
    ijersey.infoWindowAnchor = new GPoint(5, 1);
    var mjersey = new GLatLng(49.21,-2.19);
    map.addOverlay(new GMarker(mjersey, ijersey));
    // mont st michel
    var imont = new GIcon();
    imont.image = "http://www.h2so.net/locales2/images/m-mont.jpg";
    imont.iconSize = new GSize(86, 42);
    imont.iconAnchor = new GPoint(6, 20);
    imont.infoWindowAnchor = new GPoint(5, 1);
    var mmont = new GLatLng(48.665458,-1.61396);
    map.addOverlay(new GMarker(mmont, imont));
        }
      }

    //]]>
    </script>

Je suis tres content du résultat,
Merci encore à vous.
a+
(comment mettre ce message en résolu ??)
3
Rejoignez-nous