Wereldmap met links op basis van css?

**i. houben** · 08-11-2007, 22:16

Hallo,

Voor een nieuwe website speel ik met de gedachte om bovenin ipv de gangbare banner een (770px) brede banner als aanklikbare wereldkaart in te zetten. Ik overwoog eerst een google map met wat punaises, maar daar zie ik toch liever vanaf.

De wereldkaart moet eigenlijk direct het hoofdmenu worden. Ik wil op de kaart een aantal wereldsteden kunnen tonen, en dan direct via de kaart naar de bewuste pagina gaan.

Is dit mogelijk met een standaard kaartje en css? moet ik dan denken aan een megagrote imagemap? In de eerste instantie komen er niet honderden steden op te staan, maar het zou wel leuk zijn als ik zelf gemakkelijk e.e.a. bij kan werken (daarom ook liever geen flash etc)..

Heeft iemand suggesties hoe ik dit het beste aan kan pakken, of kan iemand zo'n map voor mij in elkaar draaien?

Bedankt...

**Jelle K.** · 08-11-2007, 23:12

Heb je hier wat aan?

http://www.cssplay.co.uk/articles/imagemap/

**i. houben** · 08-11-2007, 23:21

Het idee is idd hetzelfde, behalve dat ik uiteindelijk wel naar een nieuwe pagina wil ipv het verbergen van tekst etc....

**Bart W** · 09-11-2007, 08:30

Ik heb dit een keer toegepast op www.wereldwonderen.com weet niet of je zoiets bedoeld?

**Lodewijk d.V.** · 09-11-2007, 08:35

Dreamweaver heeft de functie map, daarbij kun je heel makkelijk aanklikbare gebieden maken op een plaatje. Dat kan dus ook een link zijn. Dit is gewoon html. Zie bijv http://www.entheosweb.com/website_design/image_maps.asp

**i. houben** · 09-11-2007, 09:22

Ik ben bekend met de Dreamweaver functies om een map te bouwen. Ik moet nog even nagaan hoe verstandig het is om met al die coordinaten te werken. @ Bart W -> Dit is inderdaad een beetje wat ik zoek...alleen geen linkjes in de map, maar alleen maar dots met een mouseover de stadsnaam....

**Jelle K.** · 09-11-2007, 10:17

Origineel gepost door i. houben

Het idee is idd hetzelfde, behalve dat ik uiteindelijk wel naar een nieuwe pagina wil ipv het verbergen van tekst etc....

Het zijn ook gewoon links, dus als je het een beetje aanpast..

**Mentalite Bayirli** · 08-12-2007, 13:03

kan er een in flash maken die je extern vanuit simpel xml kunt bijwerken

**Maarten Raaijmakers** · 11-12-2007, 23:25

Waarom maak je niet een div met een background die je in css bepaald. Dan kun je die div op position: relative zetten. In deze div zet je dat allemaal a links met een id zodat je ze kunt stylen in css (dus position: absolute en juist inspelen op top, left, right en bottom) vergeet het niet op display: block te zetten.
Vervolgens kun je deze link met ajax content laten inladen in een andere div: Dynamic Ajax Content

Wereldmap met links op basis van css?