Hirdetés

Keresés

Új hozzászólás Aktív témák

  • Sk8erPeter
    nagyúr

    JS google map problémám a következő:

    http://jsfiddle.net/kxQw8/
    Nekem nem jelenik meg semmi, sztem rosszul töltöttem be... De ehhez annyira nem értek.
    Amúgy a térkép itt található: http://googlemap.friweb.hu/

    Tehgát: minden egyes markerhez a saját html oldalán a marker centerjét szeretném beállítani. Tehát pl. a parlament html-en a parlament marker-je legyen a térképem központja.
    A js-be meg kell adni egy centert és így minden html-ben jelenleg ugyanaz lesz a center (lánchíd) - még akkor is ha a centert a html-ben is megadom. Nekem ez a bajom...

    Tehát azt szeretném h a centert a html-ben tudjam beállítani. Minden további adatot pedig a js-em tartalmazza.
    Közel 100 marker esetén ez nagy könnyítés lenne...
    Tippek? Egyáltalán meg lehet ezt oldani vhogyan? Köszi...

    Így már működik a példád:
    http://jsfiddle.net/kxQw8/2/
    De igazából csak működőképessé tettem jsFiddle-ön, érdemben nem módosítottam rajta.

    "Tehgát: minden egyes markerhez a saját html oldalán a marker centerjét szeretném beállítani. Tehát pl. a parlament html-en a parlament marker-je legyen a térképem központja."
    Annyira nem jó ötlet, hogy minden egyes helyszínhez újabb és újabb HTML-fájlokat hozol létre, mondjuk a 30. helyszínnél már el fogsz gondolkozni rajta, hogy biztos nincs-e egyszerűbb megoldás. Query stringbe kellene belerakni a helyszínek neveit.

    "A js-be meg kell adni egy centert és így minden html-ben jelenleg ugyanaz lesz a center (lánchíd) - még akkor is ha a centert a html-ben is megadom. Nekem ez a bajom...
    [...]
    Tehát azt szeretném h a centert a html-ben tudjam beállítani."

    Hogy a "HTML-ben is megadom", meg a "HTML-ben tudjam beállítani", azt nem egészen értem, mivel itt is JavaScript-kódban adtad meg a kezdőkoordinátákat. Persze amúgy HTML-kódba is bepasszírozhatod a már említett data-* attribútumokkal (erre kell gondolni: http://html5doctor.com/html5-custom-data-attributes/), csak nem biztos, hogy érdemes.

    Több markert így tudsz értelmesen kezelni:
    https://developers.google.com/maps/documentation/javascript/examples/icon-complex

    Itt van egy Places API-val összekötött térképes kereső:
    https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete
    amint a találatra mész, középre rakja.

    Érdemes megnézni itt a demókat:
    https://developers.google.com/maps/documentation/javascript/examples/

    A saját kódodban itt adtad meg a középponti koordinátákat:
    var myLatlng = new google.maps.LatLng(47.506999, 19.045489);

    Ez itt van:
    https://maps.google.com/maps?ll=47.499014,19.045299&z=13&t=m&hl=en-US&mapclient=apiv3
    lásd az URL-ben ezt a részt: maps?ll=47.499014,19.045299
    (tehát a query stringben ez a lényeg: ll=47.499014,19.045299
    Tehát az eredmény azt mutatja, amit megadtál neki.

  • Jim-Y
    veterán

    JS google map problémám a következő:

    http://jsfiddle.net/kxQw8/
    Nekem nem jelenik meg semmi, sztem rosszul töltöttem be... De ehhez annyira nem értek.
    Amúgy a térkép itt található: http://googlemap.friweb.hu/

    Tehgát: minden egyes markerhez a saját html oldalán a marker centerjét szeretném beállítani. Tehát pl. a parlament html-en a parlament marker-je legyen a térképem központja.
    A js-be meg kell adni egy centert és így minden html-ben jelenleg ugyanaz lesz a center (lánchíd) - még akkor is ha a centert a html-ben is megadom. Nekem ez a bajom...

    Tehát azt szeretném h a centert a html-ben tudjam beállítani. Minden további adatot pedig a js-em tartalmazza.
    Közel 100 marker esetén ez nagy könnyítés lenne...
    Tippek? Egyáltalán meg lehet ezt oldani vhogyan? Köszi...

    ezt többféleképp is meg lehet oldani, az egyik, hogy a js-ben le tudod kérdezni az url-t, ki tudod nyerni belőle, hogy melyik oldalon vagy épp, és e szerint be tudod állítani a centert.

    Például felveszel egy olyan js objectet amiben a kulcsok a html oldalak nevei, értékek a latlng-ok.

    var centers = {
    elsoldal: new google.maps.LatLng(47.499014,19.043840),
    masodik: new google.maps.LatLng(47.499014,19.043840)
    stb...
    }

    majd lekéred az url-t, ynílván az vmi http://enoldalam.hu/elsooldal.html lesz, ebből kinyered, hogy elsooldal, majd kikeresed az ehhez a kulcshoz tartozó értéket a centers objektumban és beállítod centernek.

    Másik megoldás lehet, hogy a html kódba valahogy beégeted a koordinátákat, erre asszem vannak megoldások valamilyen data-* módszerrel, majd a js-ben lekéred a DOM-ból ezt az értéket még inicializálás előtt és beállítod centernek.

    üdv

Új hozzászólás Aktív témák