{"id":19637291,"url":"https://github.com/walidabazo/create-your-map-geojson-html5","last_synced_at":"2025-08-12T02:16:50.155Z","repository":{"id":167582025,"uuid":"354797255","full_name":"walidabazo/Create-your-map-Geojson-html5","owner":"walidabazo","description":"how to use leaflet js to create map and geojson files world rivers lake - countries-lakes","archived":false,"fork":false,"pushed_at":"2021-04-11T14:47:19.000Z","size":138,"stargazers_count":6,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-30T00:02:44.987Z","etag":null,"topics":["countries","geojson","labels","lakes","layers-api","leaflet","leaflet-control","leaflet-map","leaflet-markercluster","leaflet-reactjs","leafletjs","map","markers-on-map","openpop","rivers","rotated","zoomable"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/walidabazo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2021-04-05T10:29:44.000Z","updated_at":"2024-02-20T07:00:10.000Z","dependencies_parsed_at":"2023-05-23T04:15:08.470Z","dependency_job_id":null,"html_url":"https://github.com/walidabazo/Create-your-map-Geojson-html5","commit_stats":{"total_commits":17,"total_committers":1,"mean_commits":17.0,"dds":0.0,"last_synced_commit":"9ef551aadf5bc6cc678a78f9ca0e51a14f2a2e6f"},"previous_names":["walidabazo/create-your-map-geojson-html5"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/walidabazo/Create-your-map-Geojson-html5","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidabazo%2FCreate-your-map-Geojson-html5","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidabazo%2FCreate-your-map-Geojson-html5/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidabazo%2FCreate-your-map-Geojson-html5/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidabazo%2FCreate-your-map-Geojson-html5/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/walidabazo","download_url":"https://codeload.github.com/walidabazo/Create-your-map-Geojson-html5/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/walidabazo%2FCreate-your-map-Geojson-html5/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269987152,"owners_count":24508182,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-12T02:00:09.011Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["countries","geojson","labels","lakes","layers-api","leaflet","leaflet-control","leaflet-map","leaflet-markercluster","leaflet-reactjs","leafletjs","map","markers-on-map","openpop","rivers","rotated","zoomable"],"created_at":"2024-11-11T12:33:57.978Z","updated_at":"2025-08-12T02:16:50.131Z","avatar_url":"https://github.com/walidabazo.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Create your map geojson html5 (Gis multi layer)\n# Interactive Map create multi layer\n - How to use leaflet js to create map\n - Map of world countries vectors created from GeoJSON objects\n \n        var map = L.map('map').setView([31.74739, 31], 2);\n        var statesStyle = {\n\n\n                //\"stroke\": true,\n                //\"fill\": true,\n                \"radius\": 8,\n                \"fillColor\": \"#0078A8\",\n                \"color\": \"#0078A8\",\n                \"weight\": 1,\n                \"opacity\": 1,\n                \"fillOpacity\": 1\n            };\n        L.geoJSON(states, {\n                style: nilesStyle\n            }).addTo(map);\n\n\n\n# Extending Leaflet: Multi Layers  (lakes and rivers lake)\n        L.geoJSON(niles, {\n                style: myStyle\n            }).addTo(map);\n\n\n            L.geoJSON(lakes, {\n                style: myStyle\n            }).addTo(map);\n\n# Tutorial Quick Start Guide\n - Markers With Custom Icons and Label\n               \n       L.marker([31.2, 31.2], { icon: new icon({ labelText: \"marker 1\" }), description: \"Description 1\" }).addTo(map).on('click', click);\n\n - Rotated Marker Label\n       \n        L.marker([24.452, 36.784], {\n            icon: new icon_19s({ labelText: \" Red Sea\" }), rotationAngle: 60\n        }).addTo(map);\n\n# OpenPopup\n - Button Click\n       \n       L.marker([31.2, 31.2]).addTo(map)\n       .bindPopup('Description 1')\n        .openPopup();\n  \n \n# Zoom levels\n - Button zooom in\n       \n       function zooomin() \n                 {\n        map.setZoom(map.getZoom() + 1)\n                }\n                \n - Button zooom Out\n  \n       function zooomout() {\n                    map.setZoom(map.getZoom() - 1)\n                }      \n                \n - With marker click\n\n       function zooomd() {\n                    map.setView([26.47, 30.784], 7);\n                }\n                \nShow Video Map\n[![Watch the video](https://img.youtube.com/vi/5NL60BIH63U/0.jpg)](https://youtu.be/5NL60BIH63U)\nhttps://shorturl.edafait.com/?worldmap\n\n##  Web Augmented reality\nHttps://Webxr.edafait.com\n\n##  Free Short URL (Shortner) \nhttps://shorturl.edafait.com/\n\n##  Blog\nHttps://blog.edafait.com\n\n## Good Company hosting and low price VPN \nhttps://shorturl.edafait.com/?hosting \n\n\n## YouTube Channel Wonder developer To Subscribe \nhttps://shorturl.edafait.com/?Subscribe\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalidabazo%2Fcreate-your-map-geojson-html5","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwalidabazo%2Fcreate-your-map-geojson-html5","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalidabazo%2Fcreate-your-map-geojson-html5/lists"}