antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
antontranelis 2025-01-24 12:39:36 +00:00 committed by GitHub
parent 48fccf0f71
commit def49098ed
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
examples/2-static-layers/README.md
View File

@ -4,7 +4,7 @@
First we put some sample data in a new file called `src/sample-data.ts` First we put some sample data in a new file called `src/sample-data.ts`
```javascript= ```javascript
export const places = [{ export const places = [{
"id": 51, "id": 51,
"name": "Stadtgemüse", "name": "Stadtgemüse",
@ -34,11 +34,11 @@ We want to create two Layers. One we want to call *Places* and the other *Events
we import our sample data to the `src/App.tsx` we import our sample data to the `src/App.tsx`
```jsx= ```tsx
import { events, places } from "./sample-data" import { events, places } from "./sample-data"
``` ```
and than we create our two `<Layer>` inside of our `<UtopiaMap>` component and than we create our two `<Layer>` inside of our `<UtopiaMap>` component
```jsx= ```tsx
<UtopiaMap center={[50.6, 15.5]} zoom={5} height='100dvh' width="100dvw"> <UtopiaMap center={[50.6, 15.5]} zoom={5} height='100dvh' width="100dvw">
<Layer <Layer
name='events' name='events'
@ -57,6 +57,6 @@ and than we create our two `<Layer>` inside of our `<UtopiaMap>` component
And we see our map with two layers: And we see our map with two layers:
```shell= ```shell
npm run dev npm run dev
``` ```