Admin:Nieuw park toevoegen

Update index.html

• Dupliceer html voor een bestaand park, en pas aan

index.html en aanverwante pagina's zijn responsive d.m.v. CSS, zodat de layout zich aanpast aan het device.

Elk park heeft zo'n stuk code:

 <div class="w3-half w3-container">
 <a href='obk.htm?data=[naam van het park]'>
 <img src='assets/[foto voor het park].jpg' style="width:100%" />
 <h4>[naam van het park]</h4>
   <div class="text-under-photo">
     [tekst voor het park (inclusief links, e.d.)]
   </div>
 </div>

• Voeg een foto toe

De foto moet ongeveer 1000 pixels zijn over de langste zijde.

Het bestand moet niet te groot zijn (< 400k, kan je via jpeg compressie regelen) want anders wordt de downloadtijd voor een centrale pagina als deze te traag

Zet deze foto met naam foto_[naam van het park].jpg in folder assets (evt. lokaal, voor tests, maar ook op OBK)

Voeg vermelding toe aan photo_credits.html, gebruik liefst eigen foto's of foto's van Commons

N.B. als het aantal parken veel groter wordt, zullen we index.html moeten herstructuren, of daar alleen een aantal parken met foto tonen, en een langere lijst zonder foto.

Update scripts

• Edit config.js

Dupliceer code van bestaand park, en pas aan

Let op: als deze code niet goed werkt hebben alle parken daar last van, houdt vorige versie paraat

Als de url een file naam bevat die niet (deels) in config.js voorkomt loopt het script vast, en meldt 'Geen configuratiegegevens gevonden voor dit bestand: [file_json]'

else if (file_json.indexOf ('trees_berkhoutpark') > -1) 
{ 
  setLanguages ('nl,en,de') ; // mogelijke taalcodes zijn: nl,de,en,fr,es N.B. 
                              // eerste code bepaalt de default taal voor de gebruikersinterface, 
                              // maar die kan in url overruled worden: bijv.  ?lang=en,nl,de )
  show_markers = true ;       // toont klikbare ikonen, voor enkele parken
  radius_multiplier = 1.0 ;   // als geen van de bomen een diameter heeft (geldt voor sommige steden), 
                              // dan worden alle cirkels wel heel klein, dan zou 2.0 of nog iets groter beter passen
  map_opacity = 0.7 ;         // is op moment niet (meer) actief, code heeft maintenance nodig
  map_zoom = 18 ;             // afhankelijk van de omvang van het gebied wil je initieel verder inzoomen, of juist niet
  map_center_y      = 52.1283 ; // waar de kaart te centreren bij opstarten
  map_center_x      =  4.4475 ; // deze idem
  map_bounds_top    = 52.1299 ; // deze boundary is initieel, maar als er een boom buiten valt past het script dat aan
  map_bounds_bottom = 52.1260 ; // idem
  map_bounds_left   =  4.4400 ; // idem
  map_bounds_right  =  4.4530 ; // idem
  label = text_header_h1 ; 
  text [de][label] = ['Berkhoutpark am Voorschoten'] ; // test label vooral ook op klein scherm (of het past)
  text [en][label] = ['Berkhoutpark, Voorschoten'] ;   // testen kan met Chrome 'Developer tools' 
  text [es][label] = ['Berkhoutpark, Voorschoten'] ;   // optie 'Toggle device toolbar'
  text [fr][label] = ['Berkhoutpark in Voorschoten'] ;
  text [nl][label] = ['Berkhoutpark'] ;
}

Prepareer kaart

• Voeg nieuwe sectie toe aan Overpass scripts

Coordinaten voor Overpass query kun je vinden in Google Maps (rechtermuistoets)

Zie voor details Bomen_uit_OSM_database_exporteren

Test evt eerst een tijdje met json file in OBK folder /test (en wijs daar dan ook naar toe in index_test.html)