Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Trashcan

Januari 2007: Google Maps (deel 2)

None
19 antwoorden
  • In het vorige nummer lieten wij u zien hoe u een Google Map op uw website zet. Met hulp van de handige website Mapbuilder.net leren wij u nu hoe u op zo’n kaart uw favoriete restaurants, parkeerplaatsen, vakantiefoto’s of computerwinkels invoegt.

    Google Maps
    Mapbuilder
    Google Groepen
    Toegangssleuten Google

    Alternative Methoden:

    Officiële handleiding van google
    Niet-officiële handleiding
    Gevorderde handleiding
    Handleiding multimedia map maken
    GMapEZ JavaScript-tool
    Vergelijkbare google Mapbuilder
    Website met verschillende links en discussiegroupen
  • Tot en met stap 5 is de workshop min of meer goed te volgen. Stap 6 is beduidend minder.
    Het stukje over de onderdelen submenu Implementation is niet duidelijk.
    Uiteindelijk ben ik naar het submenu Source code gegaan. Deze heb ik geplakt in Kladblok en vervolgens de keycode toegevoegd.
    Na het publiceren op het internet werkt de kaart met markers + teksten uitstekend.
    Tot zover mijn eerste bevindingen.
  • Volgens het artikel is GM door zijn Amerikaanse herkomst in Europa op straatniveau niet perfect. Ben zojuist aan een eerste poging begonnen, maar ontdek gelijk dat het ietsje erger is: ik geef een adres compleet met postcode in een voorstadje van Parijs op, legt Google dat aan de verkeerde kant van Parijs neer. Op die manier heb ik er niet echt iets aan.
  • Overigens werkt mapbuilder.net niet in Firefox 2.0, evenmin in Opera 9.0. Inloggen lukt dan namelijk niet, zodat je ook geen kaart aan kunt maken.
  • In navolging van Willem mijn eerste bevindingen:
    - De plaatselijke bekendheid van Google Maps in Frankrijk is dramatisch, Orleans kwam bijna in Clermont-Ferrand terecht. Heb een workaround gevonden: ik zoek de lokatie op in Viamichelin, en laat die naar mijn navigatiesysteem sturen. Dat heb ik niet, maar ik krijg dan wel een tekstbestandje waar ik de coördinaten uit kan vissen om ze in mapbuilder in te voeren. Dan gaat het wel goed.
    - Ook ik plak de mapbuilder code gewoon over in mijn pagina. Dat live-systeem klinkt wel mooi, maar als zo'n gratis systeem verdwijnt ben je prompt je gegevens kwijt. Bovendien hebben gratis diensten begrijpelijkerwijze de neiging traag te zijn.
    - Ik heb gemerkt dat mapbuilder (eh thja, het is een beta) niet helemaal logisch en stabiel werkt. Markers die je toevoegt, komen op willekeurige plekken in de code terecht. Dat is tot daaraan toe, maar een enkele keer blijkt doodleuk de lokatie niet toegevoegd te worden aan de marker. Dat werkt natuurlijk niet, en met handmatig toevoegen is het om duistere redenen niet te corrigeren.

    Tot slot: Mijn toepassing van Google maps is de volgende: ik heb een weblog over Frankrijk, waarin ik behalve nieuws ook toeristische tips breng. Nu verdwijnen die in een blog natuurlijk op de achtergrond. Ik wil die tips nu in kaart brengen, zodat iedereen met 1 blik de tips over zijn vakantiegebied kan zien.
    Dat is nu nog in uitprobeerfase en bovendien zijn er natuurlijk nog maar een paar berichten op de kaart geplaatst. Maar voor de geïnteresseerden: de kaart staat hier (net zo bèta als mapbuilber.net ). Technische en praktische tips zijn meer dan welkom.

    Peter
    Het Hurktoilet, de leuke vakantiegids voor Frankrijk
    http://www.hurktoilet.nl
  • [quote:de78cc0cc4="peter k"]Overigens werkt mapbuilder.net niet in Firefox 2.0, evenmin in Opera 9.0. Inloggen lukt dan namelijk niet, zodat je ook geen kaart aan kunt maken.[/quote:de78cc0cc4]

    Ik kan met firefox wel inloggen, heb nog niet geprobeerd een kaart te maken.

    Waar ik wel tegenaan loop is dat de routeplanner die ik aan zo'n ballonnetje heb gekoppeld niet in firefox werkt. De ballon verdwijnt gelijk als ik iets in wil typen in het adres veld.
  • [quote:a1cb715638="Jacob_Bax"][quote:a1cb715638="peter k"]Overigens werkt mapbuilder.net niet in Firefox 2.0, evenmin in Opera 9.0. Inloggen lukt dan namelijk niet, zodat je ook geen kaart aan kunt maken.[/quote:a1cb715638]

    Ik kan met firefox wel inloggen, heb nog niet geprobeerd een kaart te maken.

    Waar ik wel tegenaan loop is dat de routeplanner die ik aan zo'n ballonnetje heb gekoppeld niet in firefox werkt. De ballon verdwijnt gelijk als ik iets in wil typen in het adres veld.[/quote:a1cb715638]
    Heb je een linkje dat ik eht kan proberen?
  • http://www.xs4all.nl/~wwgorkum/

    Onderaan op de pagina staat de plattegrond
  • [quote:1c72cc896d="Jacob_Bax"]http://www.xs4all.nl/~wwgorkum/

    Onderaan op de pagina staat de plattegrond[/quote:1c72cc896d]
    Ik loop tegen hetzelfde probleem aan, zowel in Firefox als als in Opera. Schrale troost: in explorer blijkt de optie tamelijk nutteloos: als ik daar intik dat ik vanuit Dordrecht of Rotterdam naar jouw Wereldwinkel wil, geeft ie doodleuk aan dat ie die twee steden niet kent…
  • Je moet, voor zover ik het heb kunnen volgen, minstens (straatnaam, plaats, land) invullen. Als ik bvb van de mijlweg in dordrecht naar die wereldwinkel wil, en ik tik in (mijlweg, dordrecht, nederland) zonder de haakjes maar met de spaties dan krijg ik in IE een route.
  • [quote:93e376ca90="Jacob_Bax"]Je moet, voor zover ik het heb kunnen volgen, minstens (straatnaam, plaats, land) invullen. Als ik bvb van de mijlweg in dordrecht naar die wereldwinkel wil, en ik tik in (mijlweg, dordrecht, nederland) zonder de haakjes maar met de spaties dan krijg ik in IE een route.[/quote:93e376ca90]
    Dat werkt inderdaad wel.
  • Zie ik het goed, dan wordt heb je per marker een code als deze:
    [code:1:3a8975a8a4]// Define Marker
    options = {opasity: 100, label:'Circusfestival'};
    InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Circusfestival</div><div class=\"IWContent\">Monaco is elk jaar in januari het toneel van een toonaangevend <A href=\"http://www.hurktoilet.nl/weblog/wreageer.php?id=111\" target=_blank>circusfestival</A>.</div>" + footerHtml + "</div>";
    iconsm.image = "http://www.mapbuilder.net/img/icons/marker_20_yellow.png";
    marker = createMarker(point, InfoHTML, iconsm, options);
    map.addOverlay(marker);
    aLocations[0] = new Array(marker, "Circusfestival", InfoHTML, point);

    point = new GLatLng(42.71977704089521, -.0054931640625);
    footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(1)\">Zoom To</a></div>" + "</div>";

    [/code:1:3a8975a8a4]
    Maar in de gegenereerde code voor de laatste marker ontbreekt bij mij het fragment
    [code:1:3a8975a8a4]point = new GLatLng(42.71977704089521, -.0054931640625);
    footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(1)\">Zoom To</a></div>" + "</div>";

    [/code:1:3a8975a8a4]
    Dat lijkt me vrij cruciaal, maar op het voorbeeld van mapbuilder werkt het wel. Plak ik de code over in mijn eigen pagina worden er allerlei markers verkeerd geplaatst.
  • Dat dacht ik tot net ook,

    maar het "record" begint niet met de regel //Define marker maar 4 regels hoger met "point = new…"

    dus zo:

    [quote:6c599dbe1c]// Add locations

    point = new GLatLng(52.43517, 5.42287);
    footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo(0)\">Zoom To</a></div>" + GetDirectionForm(0); + "</div>";

    // Define Marker
    InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">Aalscholver</div><div class=\"IWContent\">Aalscholver</div>" + footerHtml + "</div>";
    iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_green.png";
    marker = createMarker(point, InfoHTML, iconbig, options);
    map.addOverlay(marker);
    aLocations[0] = new Array(marker, "Aalscholver", InfoHTML, point);

    point = new GLatLng(-34.31714, 115.1606);[/quote:6c599dbe1c]

    Die laatste regel is dus het volgende waypoint in de lijst.

    En in dat laatste stukje code wat Peter K in zijn bericht heeft geplakt is eigenlijk al te zien dat dat niet bij Monaco hoort.
  • Jacob bedankt, dat blijkt inderdaad het probleem geweest te zijn.
  • Even een voorbeeld wat je moet veranderen als je een locatie in Mapbuilder wilt toevoegen, zonder dat je de uiterst trage mapbuildersite wilt gebruiken.

    —————————————————————————-

    point = new GLatLng([b:1044933ee8]52.20938, 5.96986[/b:1044933ee8]);
    footerHtml = "<div class=\"IWFooter\"><div class=\"IWFooterZoom\"><a href=\"javascript:void(0)\" onclick=\"ZoomMapTo([b:1044933ee8]10[/b:1044933ee8])\">Zoom To</a></div>" + GetDirectionForm([b:1044933ee8]10[/b:1044933ee8]); + "</div>";

    // Define Marker
    InfoHTML = "<div class=\"IW\"><div class=\"IWCaption\">[b:1044933ee8]Apeldoorn NS[/b:1044933ee8]</div><div class=\"IWContent\">[b:1044933ee8]Apeldoorn NS[/b:1044933ee8]</div>" + footerHtml + "</div>";
    iconbig.image = "http://www.mapbuilder.net/img/icons/marker_34_green.png";
    marker = createMarker(point, InfoHTML, iconbig, options);
    map.addOverlay(marker);
    aLocations[[b:1044933ee8]10[/b:1044933ee8]] = new Array(marker, "[b:1044933ee8]Apeldoorn NS[/b:1044933ee8]", InfoHTML, point);

    —————————————————————————-

    Alles wat dik gedrukt is moet je dus aanpassen als je een locatie wilt veranderen of toevoegen. de 10 in dit voorbeeld is het locaties nummer van "Apeldoorn NS". dus als je al 300 locaties hebt moet 10 dus 301 worden. Mag hopen dat "Apeldoorn NS" voor zich spreekt.

    Het lastigste is nu nog het coordinaat, dat moet dus in deze vorm ingevuld worden "52.20938, 5.96986" voor gps bezitters moet dit geen probleem zijn, voor anderen hoop ik dat de webmaster wat tips kan geven.
  • Ik ga nog wat spelen met de instelling van die zoommapto, want die is standaard niet erg ingezoomd.
    Wat die coördinaten betreft, hierboven gaf ik al aan dat Viamichelin een oplossing biedt, al is die bewerkelijk.
    Verder valt me nu op dat er in code bij target=_blank aanhalingstekens horen te staan. dat moet dus zijn:
    [code:1:313cf91184]\"target=\"blank\"[/code:1:313cf91184]
  • Googlemaps wil coördinaten in decimaal stelsel hebben. Voor coördinaten in 60-tallig stelsel moet je converteren. Dat kan hier.
  • Heb nu aardig door hoe het werkt en al 50 markers geplaatst, ga de kaart binnenkort in de site opnemen.
    Toch een paar opmerkingen:
    - Als je met de hand markers in je eigen pagina plakt, moet je steeds de complete lijst met lokaties overplakken. Mapbuilder gooit de lokaties namelijk op willekeurige plekken in de code en wijzigt dan de serienummers daarvan. Plak je alleen een nieuwe lokatie in je pagina, dan kopt de nummering niet meer, met als gevolg dat de [i:8eab43b0e0]zoom to [/i:8eab43b0e0] in de war raakt…
    - Ik mis een functie om lijnen op de kaart te zetten, dat doe ik nu met de hand.
    - De labeltjes die in Firefox verschijnen als je met de muis over een marker gaat, verschijnen bij mij niet in internet explorer.
  • Nog iets raars: als je een bestaande lokatie wilt bewerken, lukt me dat niet. Ik heb een marker aangeklikt in mapbuilder en de coördinaten aangepast, vervolgens op update geklikt. Maar mapbuilder voert dan doodleuk de oude coördinaten weer in.
    Heb nu de oude lokatie verwijderd en een nieuwe aangemaakt, maar handig is anders.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.