Lägg denna  script i headern för att få tillgång till Google maps API:et

DINNYCKELHÄR ska ersättas med en nyckel du får från Google maps key genom att registrera din site där. Nyckeln fungerar även om du utvecklar site lokalt på din dator.

<script src=”http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=DINNYCKELHÄR” type=”text/javascript”></script>

Jquery är inte helt nödvändigt men använder den för enkelhetens skull och Jquery är dessutom ett utmärkt javascript ramverk som jag inte skulle kunna leva utan. Klistra in nedanstående kod i headern

<script type=”text/javascript”
src=”//ajax.googleapis.com/ajax/libs/jquery/1.4.5/jquery.min.js”></script>

Klistra in denna i header också, eller även nånstans kring footern nära </body>

$(document).ready(function() {
if($(‘#gmap’) != undefined)
{

var lat = “<?=$latitude?>”; //Skicka in latitude
var lng = “<?=$longitude?>”; //Skicka in longitude
var map = new google.maps.Map2(document.getElementById(‘gmap’));
var point = new google.maps.LatLng(lat, lng);
map.addControl(new GSmallMapControl());
map.setCenter(point, 15);
map.addOverlay(new GMarker(point));
}
});
</script>

Lägg denna på sidan där du vill att kartan ska synas

<div id=”gmap”></div>

Lägg lite styles på din gmap diven, åtminstone bredd och höjd

Voila, klar!

Hur gick det hela till då?

Jag var inbjuden till Googles Adsense partner day som är en heldagsseminarie om Adsense, Adwords, sökmotormarknadsföring , Google Analytics mm på Clarion Hotel Stockholm.

Dagen var uppdelad i 20-30 minuters föredrag av personer från olika Googleteams. Det snackades en hel del om hur man ska placera annonser för att de ska bli så klickvänliga som möjligt utan att störa helhetsupplevelsen för besökaren.

En annan del var usability och hur det skiljer sig från user experience. Summering på den delen är att du ska fråga dig dessa saker när du bygger en webbsite med användarvänlighet i åtanke(de låter bättre på engelska):

Is it usable?

Is it useful?

Is it understandable?

Is it satisfying?

Is it desirable?

Sen fanns det en hel del andra delar som jag inte alls hann anteckna ner något av men kommer att publicera mer info senare, får förhoppningsvis några slides snart( läs längre ner).

Föredragen som hölls var lite väl korta tidsmässigt, tempot var extremt högt och kändes som att en del av talarna bara ville få det överstökat och varje gång jag började anteckna något eller försökte rita av något från powerpoint slidern så hade talaren hoppat 3 slides framåt när jag lyfte blicken(och jag kladdtecknar snabbt btw).

Hursomhelst lovade de i slutet av dagen att maila alla slides till oss, så jag kommer att publicera dem här så fort jag fått dem.

En sak som fick mig att le var att nästan varenda Googleanställd jag såg hade en Iphone och en snygg lap top med ett stort äpple på skalet

Vad fick jag med mig från Googledagen då?

En del matnyttig information + en del gamla sanningar

3 Googlepennor

2 Googleblock

och en legobit brandad av Google som dessutom kan användas som ett usb-minne

Den hemliga ingrediensen i Coca colas hemliga recept heter 7x och är en blandning av en massa oljor och SPRIT

Enhetskonverteringen får in sköta själva  Varsågod

Hur fick jag fram detta recept från thisamericanlife.org då? Ja, förutom att receptet redan finns postad på 3 miljarder andra siter(minst!) så finns det ett litet tricks för er som inte visste detta. Även om en webbsajt ligger nere så kan du titta på den senast cachade versionen genom att skriva  cache:www.sitensnamn.com i googles sökfält eller om du har chrome kan du skriva det direkt i adressfältet så får du se hur sajten såg ut senast när Google besökte den.

Det var dagens lektion i onödigt vetande

ciao