Admin:Nieuw park toevoegen: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
Regel 1: | Regel 1: | ||
===Update index.html=== | ===Update index.html=== | ||
*'''Dupliceer html voor een bestaand park''' | *'''Dupliceer html voor een bestaand park, en pas aan''' | ||
:''index.html en aanverwante pagina's zijn '''[https://www.w3schools.com/css/css_rwd_intro.asp responsive]''' d.m.v. CSS, zodat de layout zich aanpast aan het device.'' | :''index.html en aanverwante pagina's zijn '''[https://www.w3schools.com/css/css_rwd_intro.asp responsive]''' d.m.v. CSS, zodat de layout zich aanpast aan het device.'' | ||
Regel 19: | Regel 19: | ||
:Zet deze foto met naam '''foto_[naam van het park].jpg''' in folder '''assets''' (evt. lokaal, voor tests, maar ook op OBK) | :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 '''[https://openbomenkaart.org/photo_credits.html photo_credits.html]''', gebruik liefst eigen foto's of foto's van Commons | :Voeg vermelding toe aan '''[https://openbomenkaart.org/photo_credits.html photo_credits.html]''', gebruik liefst eigen foto's of foto's van Commons | ||
===Edit [https://openbomenkaart.org/config.js config.js]=== | |||
'''Dupliceer code van bestaand park, en pas aan''' | |||
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 (kan in url overruled worden: '''?lang=''' ) | |||
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) , testen kan met Chrome 'Developer tools' | |||
text [en][label] = ['Berkhoutpark, Voorschoten'] ; | |||
text [es][label] = ['Berkhoutpark, Voorschoten'] ; | |||
text [fr][label] = ['Berkhoutpark in Voorschoten'] ; | |||
text [nl][label] = ['Berkhoutpark'] ; | |||
} |
Versie van 4 mrt 2022 17:13
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 niet te groot zijn (< 400k) 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
Edit config.js
Dupliceer code van bestaand park, en pas aan
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 (kan in url overruled worden: ?lang= ) 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) , testen kan met Chrome 'Developer tools' text [en][label] = ['Berkhoutpark, Voorschoten'] ; text [es][label] = ['Berkhoutpark, Voorschoten'] ; text [fr][label] = ['Berkhoutpark in Voorschoten'] ; text [nl][label] = ['Berkhoutpark'] ; }