Mapbox

Mapbox is een interactieve laag op de landkaart waarop je voor de bezoekers van onze website duidelijk de locatie van een plan en de woningen kunt laten zien. Je laat eerst de kaart van het plan maken en plaatsen en daarna ga je de polygonen (lagen) intekenen. 

Wat je nodig hebt

Voor het maken van een kaart heb je een DWG bestand of een Vector PDF van het plan nodig. Deze lever je aan bij de grafisch ontwerper waar wij mee samenwerken om er een kaart van te laten maken die geschikt is voor plaatsing op de website. Uiteraard met zoveel mogelijk gedetailleerde informatie zoals de locatie via Google Maps, hondenuitlaatplaatsen en speeltuinen maar ook de dakopbouw van de woningen. Van toegevoegde waarde is het zeker ook om straatnamen in de kaart te laten plaatsen en uiteraard de bouwnummers. 

Wie wat doet

De grafisch ontwerper maakt de kaart en na akkoord van het verkoopteam wordt de kaart geplaatst in Mapbox. Jouw collega van Informatiemanagement vult bij het gebied in Salesforce het betreffende MapboxID in. Daarmee wordt de kaart gekoppeld aan de locatie. Jij zorgt ervoor dat de juiste vinkjes aan staan en de juiste tekstvelden zijn gevuld. 
Staat alles goed? Dan ga je in Umbraco polygonen tekenen om de kaart op elke laag aanklikbaar te maken. Geen tijd? Vraag de grafisch ontwerper óf de webredacteur het voor je te doen. 

Grafisch ontwerper

Taco van Gerven
Linker Rottekade 292
3034 CV Rotterdam

Mobiel 06 12538057
E-mail: [email protected]

Handleiding Mapbox

Handleiding Mapbox

Waar je de kaart altijd plaatst

  • Op homepage gebied
    Standaard zoomniveau zo instellen dat het hele gebied zichtbaar is. 
  • Op homepage wijk(en)
    Zijn er nog geen woning polygonen gekoppeld dan is zoomniveau 15 vaak de beste keus. 
    Zijn er wel woning polygonen gekoppeld dan is zoomniveau 17 de beste optie.
  • Op de pagina(s) Voorzieningen
    Kaart laten openen op voorzieningen, zoomniveau 15.
  • Op de pagina(s) Bereikbaarheid
    Kaart laten openen op bereikbaarheid, zoomniveau 15.
  • Let op!
    Het veld latitude en longitude leeg laten. De coördinaten vul je namelijk in in Salesforce.
    Wil je de kaart beter positioneren pas dan de coordinaten daar aan en niet in Umbraco.
image alt

Woningen: de opbouw van de kaart

De interactieve kaart bestaat uit meerdere lagen. Elke laag is aanklikbaar en laat na elke klik informatie van die laag zien. Er zijn 5 lagen die je in Umbraco gaat intekenen en koppelen aan het juiste niveau (Configuratie, Mapbox -> button beheer kaart). 

  • Gebied
  • Wijk
  • (Project)Fase
  • Woningtype
  • Bouwnummer

In de toekomst is het mogelijk om de kaart in 3D op te werken met zonnestand.

image alt

Appartementen: de opbouw van de kaart

De interactieve kaart bestaat uit meerdere lagen. Elke laag is aanklikbaar en laat na elke klik informatie van die laag zien. Bij een appartementengebouw teken je de volgende 4 lagen in:

  • Gebied
  • Wijk
  • Project(fase)
  • Appartement

In de toekomst is het mogelijk om de kaart in 3D op te werken met zonnestand.

image alt

Infobox mapbox

Hou er rekening mee dat er automatisch een infobox wordt gekoppeld aan iedere laag die je intekent. Zorg er dus ook voor dat je de content van de infobox actueel is en gekoppeld is aan de juiste beelden. In onderstaand overzicht staat exact aangegeven welke data automatisch doorkomt uit Salesforce en welke content je zelf beheert en waar je dat in Umbraco kunt doen. 

Gebied

  • Afbeelding = geen
  • Label = geen
  • Naam = Naam gebied (SF Detail van gebied)
  • Tekst = geen
  • CTA = geen (als je in de website zelf bent), wel zie je een marker
  • Gebieds- en wijkwebsites die in de buurt liggen zie je op de kaart als een pointer met de CTA 'Bekijk de wijk'. Op deze manier kun je dus van de ene website naar de andere navigeren.

Wijk

  • Afbeelding = afbeelding wijk bij instellingen (Umbraco)
  • Label = Statuslabel homepage wijk (Umbraco tabblad instellingen -> via drop down menu) – handmatig aanpassen 
  • Naam = Wijk naam (SF Detail van Wijk)
  • Tekst = Inspirerende tekst website - titel (SF wijk)
  • CTA = Bekijk details 

Projectfase

  • Afbeelding = vinkje projectafbeelding (mediabank Umbraco - map projecten - betreffende project)
  • Satus = Project Status (SF Detail Project), de weergave is:
    • In voorbereiding = In voorbereiding
    • In verkoop = In verkoop
    • Verkocht = In aanbouw/bewoond
  • Naam = Projectnaam (SF Detail van Project), tenzij overschreven door 'Weergave project(fase) website' (SF Projectdetails - Websites BPD)
  • Tekst = 'korte omschrijving' (SF Projectdetails Websites BPD)
  • CTA = geen

Woningtype

  • Afbeelding = vinkje hoofdafbeelding woningtype - handmatig aanpassen in media
  • Status = Project Status (SF Detail Project) maar soms gelden er business rules. Voorbeeld: label ‘Verkoop gestart’ tussen ‘Datum start verkoop’ en ‘Datum eind verkoop’.
  • Naam = Naam Woningtype (SF Detail van Woningtype), tenzij overschreven door 'Weergave naam op website'
  • Tekst = Projectnaam (SF Detail Project)
  • Kenmerken = data SF
  • CTA = Bekijk details

Bouwnummer

  • Afbeelding = vinkje hoofdafbeelding bouwnummer – handmatig aanpassen in media
  • Status: vrij - in optie - verkocht = Status (SF Bouwnummergegevens Verkoopproces).
    Wanneer de projectfase op ‘Verkocht’ staat, is het bouwnummerlabel ‘In aanbouw/bewoond’. Tussen ‘Datum start verkoop’ en ‘Datum eind verkoop’ is de status ‘Verkoop gestart’. Etc.
  • Status aanbouw/bewoond = Project Status (SF Detail Project)
  • Naam = Naam Woningtype (SF Detail van Woningtype)
  • Tekst = Projectnaam (SF Detail Project)
  • Kenmerken = data SF
  • CTA = Bekijk details
  • CTA = geen -> als Project Status is gewijzigd naar 'Verkocht'

  Navigatie
  Schrijfwijzer