Ik heb een nieuwe toepassing gevonden op Google Maps.
EIGEN Marker MAKEN.
Hieronder zie je er een omschrijving van. Ik vind het geel leuk als wij een eigen marker mogen creëren.
Een marker maken
In het voorbeeld dat ik wil maken zal ik van het whelp logo een nieuwe marker maken. Dit kan met diverse programma's. Ikzelf gebruik hiervoor ImageReady of Fireworks (beide van Adobe). Ik heb een afbeelding van 24×23 gemaakt in .png formaat.
In Google Maps de nieuwe marker aangeven
De afronding is nu eenvoudig:
1) Zet je nieuwe marker op de server.
2) Geef nu in je javascript op 3 plaatsen aan dat je een nieuwe afbeelding wilt gebruiken.
a) Beschrijf de nieuwe marker
// create marker icon
var icon = new GIcon();
icon.image = "http://www.whelp.nl/googlemaps/images/whelp_small.png";
icon.iconSize = new GSize(24, 23);
icon.iconAnchor = new GPoint(0, 20);
icon.infoWindowAnchor = new GPoint(5, 1);
Eerst maak je een nieuwe object aan voor de afbeelding (new GIcon). Hierna stel je volgende zaken in:
i) icon.image – de locatie van de afbeelding
ii) con.iconSize – breedte en hoogte
iii) icon.iconAnchor – de plek waar het icoon op de kaart wordt gezet
iv) icon.infoWindowAnchor – de plek waar de tekstballon ten opzicht van het icoon verschijnt
b) Voeg het icoon toe aan de createMarker() functie
Als tweede opdracht heb ik een eigen map gemaakt. Wij gaan samen naar de fabriek van Fiat Auto Poland in Polen.
Voor de bibliotheek is Google Map misschien een kans om alle gegevens op een kaart te zetten, zoals: locatie, openingstijden, telefoonnummer, foto’s maar misschien ook een mogelijkheid om een bericht direct naar de bibliotheek te sturen.
Brak komentarzy:
Prześlij komentarz