sysadmin/openfreemap
1
0
Fork 0
mirror of https://github.com/hyperknot/openfreemap.git synced 2026-05-21 14:02:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

website

Browse Source
This commit is contained in:
Zsolt Ero
2024-06-12 17:45:07 +02:00
parent f9792f18e6
commit d597459f19
3 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website_astro/src/content/how_to_use/maplibre.md
View File

@@ -1,6 +1,6 @@
## How to load MapLibre?
Include [MapLibre GL JS](https://maplibre.org/maplibre-gl-js/docs/) in the `<head>`. If you are using npm, you can install the `maplibre-gl` package. Make sure to import the CSS as well.
Include <a href="https://maplibre.org/maplibre-gl-js/docs/" target="_blank">MapLibre GL JS</a> in the `<head>`. If you are using npm, you can install the `maplibre-gl` package. Make sure to import the CSS as well.
```html
<script src="https://unpkg.com/maplibre-gl/dist/maplibre-gl.js"></script>

4
website_astro/src/pages/how_to_use.astro
View File

@@ -6,16 +6,16 @@ import { Content as MapboxText } from '../content/how_to_use/mapbox.md'
import { Content as LeafletText } from '../content/how_to_use/leaflet.md'
import { Content as MobileText } from '../content/how_to_use/mobile.md'
import { Content as CustomStylesText } from '../content/how_to_use/custom_styles.md'
import { Content as SelfHostingText } from '../content/how_to_use/self_hosting.md'
---
<Layout title="How to use OpenFreeMap in your website or app">
<h1>How to use OpenFreeMap in your website or app</h1>
<!--<input type="checkbox" id="col1" class="col-chk" />-->
<!--<label for="col1" class="col-lbl">How to load MapLibre?</label>-->
<MaplibreText />
<MapboxText />
<LeafletText />
<MobileText />
<CustomStylesText />
<SelfHostingText />
</Layout>

10
website_astro/src/styles/global.css
View File

@@ -154,17 +154,19 @@ p {
pre {
/*background: #efefef;*/
font-size: 14px;
max-width: 600px;
margin: 0 auto 0.6em;
font-size: 14px;
/*overflow: scroll;*/
/*font-weight: bold;*/
}
/*code {*/
/* font-family: 'Nimbus Mono PS', 'Courier New', monospace !important;*/
code {
font-size: 14px;
/*font-family: 'Nimbus Mono PS', 'Courier New', monospace !important;*/
/* background: #efefef;*/
/*}*/
}
#map-container {
width: 100%;