Stap 2: Maak de HTML-code om te houden van de kaart
U kunt slechts één MapKit per webpagina plaatsen. Na de beslissing van de structuur (3 kaarten = 3 pagina's) ik begon te werken op de code bevat van de structuur.
Mijn ontwerpbeslissingen:
1. Ik wilde een rij met knoppen aan de bovenkant van de kaart die is gekoppeld aan elke pagina
1.1 deze knoppen moeten wijzigen om aan te geven koppelen vermogen
2. Ik wilde de kaart om te passen in de fundamentele minimumschermgrootte van 800 x 600 met de Bootrondvaart van reclame als ik wilde. Dus de maximale breedte van de kaart = 700.
2.1 Ik maakte de esthetiek desicision naar het midden van de kaart
Het diagram toont ongeveer hoe de code is vastgelegd in het bijgevoegde bestand 'makeloctaions.htm'
De < head > bevat de javascript-code gebruikt om zowel de knoppen als de code om te bepalen van de stijl van de < body > van animatie voorzien
De < body > bevat 3 belangrijke elementen.
1. de 'lichaamsinhoud' is in feite een lege container in waarin de knop & kaart containers. Het heeft sommige code om er zweven in het midden van uw browser
2. de 'menu'-container houdt de knoppen
3. de 'platial_mapKit'-container bevat de code die u kreeg van de wizard Platial kaart en opgeslagen in het tekstbestand.
