Simple Web Map for Openlayers using Html and JavaScript.

Подписаться 1,5 тыс.

Просмотров 2,7 тыс.

50% 1

The video Shows how to create a simple web map using openlayers.
#website #webmapping #analysis #spatial #html #javascript #vite #framework #gis #advanced #kilaini #data #mapping #map #openlayers #simple #css #react #reactjs #reactjstutorial #arnold #mutegeki #kilaini #vuejs
The link for openlayers openlayers.org...

Опубликовано:

7 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 15

@dinamagdy319 3 месяца назад

Many thanks, It's wonderful, The best video ever to embed map to website completely, It's the best for beginners. Please help me to make the marker and popup with fully and simplist way. 😢

@arnoldkilaini 3 месяца назад

You are welcome, please subscribe and share the video. I will consider doing that

@FPSepanta 29 дней назад

After I try the npx create-ol-app my-app - -template vite .. it shows error ... could not find commit hash for HEAD

@verataileh8534 Месяц назад

After I try the npx create-ol-app my-app - -template vite .. it shows error .. why does it happen? Can u explain? Thnkss

@arnoldkilaini Месяц назад

The npx command, tries to install in your my-app folder (Make sure you have created a folder with folder name my-app)

@verataileh8534 Месяц назад

@@arnoldkilaini u mean, I must create an empty folder with “my-app” name in my computer (any directory) before using the npx command?

@arnoldkilaini Месяц назад

@@verataileh8534well, it can be any name but for this example I created my-app where thr npx openlayers(ol) command is installed.

@verataileh8534 Месяц назад

@@arnoldkilainiI created mine, (openlayers folder) and installed the open layer .. “npm install ol” . Then I tried the “npx create-ol-app openlayers - - template vite” .. it shows “could not find comit hash for HEAD”

@arnoldkilaini Месяц назад

@@verataileh8534 are you using visual studio code as IDE? then install git as extension and try! Make sure you have good internet connection. Or install github in your pc, (try that)

@muhmmmadsulaiman946 Месяц назад

npm error code ENOENT npm error syscall lstat npm error path C:\Users\Muhammad Sulaiman\AppData\Roaming pm npm error errno -4058 npm error enoent ENOENT: no such file or directory, lstat 'C:\Users\Muhammad Sulaiman\AppData\Roaming pm' npm error enoent This is related to npm not being able to find a file. npm error enoent npm error A complete log of this run can be found in: C:\Users\Muhammad Sulaiman\AppData\Local pm-cache\_logs\2024-08-05T08_57_14_468Z-debug-0.log it show me this error I also create a folder name my-app

@arnoldkilaini Месяц назад

@muhmmmadsulaiman946 hello, have you installed correctly the Node JS and which version are l are you using It should be more than version 14?

@muhmmmadsulaiman946 Месяц назад

@@arnoldkilaini i have version 20 .16

@muhmmmadsulaiman946 Месяц назад

@@arnoldkilaini 🚨 Build failed. @parcel/transformer-js: Browser scripts cannot have imports or exports. D:\pha_land_web_mapping\scripts\map.js:1:1 > 1 | import 'ol/ol.css'; > | ^^^^^^^^^^^^^^^^^^^ 2 | import { Map, View } from 'ol/'; 3 | import TileLayer from 'ol/layer/Tile'; D:\pha_land_web_mapping\index.html:12:5 11 | > 12 | > | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ The environment was originally created here 13 | 14 | how to solve this issue ?sir