{"id":36988532,"url":"https://github.com/webexcess/openstreetmap","last_synced_at":"2026-01-13T23:26:17.369Z","repository":{"id":32971706,"uuid":"148113402","full_name":"webexcess/openstreetmap","owner":"webexcess","description":"Easy and flexible OpenStreetMap Implementation as NodeType or Fusion Component","archived":false,"fork":false,"pushed_at":"2025-04-16T06:21:52.000Z","size":880,"stargazers_count":9,"open_issues_count":16,"forks_count":7,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-09-26T20:58:27.708Z","etag":null,"topics":["contentelement","neos","neos-cms","neos-plugin","neoscms"],"latest_commit_sha":null,"homepage":null,"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/webexcess.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2018-09-10T07:04:32.000Z","updated_at":"2025-04-16T06:19:39.000Z","dependencies_parsed_at":"2025-04-16T11:48:21.781Z","dependency_job_id":null,"html_url":"https://github.com/webexcess/openstreetmap","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"purl":"pkg:github/webexcess/openstreetmap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webexcess%2Fopenstreetmap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webexcess%2Fopenstreetmap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webexcess%2Fopenstreetmap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webexcess%2Fopenstreetmap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webexcess","download_url":"https://codeload.github.com/webexcess/openstreetmap/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webexcess%2Fopenstreetmap/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28405107,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-13T21:51:37.118Z","status":"ssl_error","status_checked_at":"2026-01-13T21:45:14.585Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["contentelement","neos","neos-cms","neos-plugin","neoscms"],"created_at":"2026-01-13T23:26:16.799Z","updated_at":"2026-01-13T23:26:17.364Z","avatar_url":"https://github.com/webexcess.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WebExcess.OpenStreetMap for Neos CMS\n[![Logo](Documentation/logo-20.png)](Documentation/logo-512.png)\n[![Latest Stable Version](https://poser.pugx.org/webexcess/openstreetmap/v/stable)](https://packagist.org/packages/webexcess/openstreetmap)\n[![License](https://poser.pugx.org/webexcess/openstreetmap/license)](https://packagist.org/packages/webexcess/openstreetmap)\n\nEasy and flexible [OpenStreetMap](https://www.openstreetmap.org/) Implementation as NodeType or Fusion Component.\n\n## Installation\n```\ncomposer require webexcess/openstreetmap\n```\n\nBuilt for [Neos](https://www.neos.io/)\n\n\n## Implemented Styles\n\n| Original | Grayscale | Dark |\n| -------- | --------- | ---- |\n| ![Original Map Style](Documentation/map-style-original.png?raw=true \"Original Map Style\") | ![Original Map Style](Documentation/map-style-grayscale.png?raw=true \"Original Map Style\") | ![Original Map Style](Documentation/map-style-dark.png?raw=true \"Original Map Style\") |\n\n**Default JS \u0026 CSS**\n\nBy default, this plugin loads a JS and CSS file.\n\nIt's best practice to include them in your custom builds and remove the default assets:\n\n    prototype(Neos.Neos:Page) {\n      head.stylesheets.openStreetMap \u003e\n      body.javascripts.openStreetMap \u003e\n    }\n\n\n\n## Editor Settings\n\n|          |          |\n| -------- | -------- |\n| \u003cpre\u003e# default\u003c/pre\u003e | ![Editor Default](Documentation/editor-default.png?raw=true \"Editor Default\") |\n| \u003cpre\u003e'WebExcess.OpenStreetMap:Map':\u003cbr\u003e  superTypes:\u003cbr\u003e    'WebExcess.OpenStreetMap:Map.LatLon.Editable': true\u003c/pre\u003e | ![Editor LatLon](Documentation/editor-latlon.png?raw=true \"Editor LatLon\") |\n| \u003cpre\u003e'WebExcess.OpenStreetMap:Map':\u003cbr\u003e  superTypes:\u003cbr\u003e    'WebExcess.OpenStreetMap:Map.Style': true\u003c/pre\u003e | ![Editor Style](Documentation/editor-style.png?raw=true \"Editor Style\") |\n| \u003cpre\u003e'WebExcess.OpenStreetMap:Map':\u003cbr\u003e  superTypes:\u003cbr\u003e    'WebExcess.OpenStreetMap:Map.MaxZoom': true\u003c/pre\u003e | ![Editor Maximum Zoom](Documentation/editor-maxzoom.png?raw=true \"Editor Maximum Zoom\") |\n\n\n## Default Settings\n\n\tWebExcess:\n\t  OpenStreetMap:\n\t    tilesUrl: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'\n\t    minZoom: 6\n\t    maxZoom: 18\n\t    style: ~ # ~, grayscale or dark\n\t    ratio: '3:2'\n\t    address: ~ # Talisker Distillery, Carbost, Scotland\n\t    lat: ~ # 57.302387\n\t    lon: ~ # -6.356159\n        paddingTopLeft: [100, 100]\n        paddingBottomRight: [100, 100]\n\t    mapOptions: []\n\n\n## Fusion only Implementation\n\n**Disable NodeType**\n\n\t'WebExcess.OpenStreetMap:Map':\n\t  abstract: true\n\n**Simple**\n\n\tmap = WebExcess.OpenStreetMap:Map.Component {\n\t  address = 'Talisker Distillery, Carbost, Scotland'\n\t  tooltip = 'Talisker Distillery'\n\t  popup = 'Also have a look at \u003ca href=\\\\\"https:\\/\\/unsplash.com\\/search\\/photos\\/talisker-bay\\\\\" target=\\\\\"_blank\\\\\"\u003eTalisker Bay\u003c\\/a\u003e.'\n\t}\n\n**Advanced**\n\n\tmap = WebExcess.OpenStreetMap:Map.Component {\n\t  lat = 57.302387\n\t  lon = -6.356159\n\t  style = 'dark'\n\t  ratio = '4:1'\n\t  renderer.content.customOverlay = Neos.Fusion:Tag {\n\t      @position = 'after map'\n\t      content = 'A Special Information..'\n\t  }\n\t}\n\n**GeoJSON**\n\ninline with multiple markers..\n\n\tmap = WebExcess.OpenStreetMap:Map.Component {\n\t  json = '[{\"type\":\"Feature\",\"properties\":{\"tooltip\":\"Talisker Distillery\"},\"geometry\":{\"type\":\"Point\",\"coordinates\":[-6.356159,57.302387]}},{\"type\":\"Feature\",\"properties\":{\"popup\":\"Talisker Bay\u003cbr \\/\u003e\u0026raquo; \u003ca href=\\\\\"https:\\/\\/unsplash.com\\/search\\/photos\\/talisker-bay\\\\\" target=\\\\\"_blank\\\\\"\u003ePhotos\u003c\\/a\u003e\"},\"geometry\":{\"type\":\"Point\",\"coordinates\":[-6.456646,57.283313]}}]'\n\t}\n\nor with an external source..\n\n\tmap = WebExcess.OpenStreetMap:Map.Component {\n\t  json = '/talisker-geo.json'\n\t}\n\n**EEL Helper**\n\n\tGeocode.latLonFromAddress('Talisker Distillery, Carbost, Scotland')\n\n\n## Interacting with JavaScript\n\n**Methods**\n\n    mapIds = window.openStreetMap.getMapIds();\n    \u003e Array [ \"map-d8aaafcf-b2fa-4240-8a28-ed48b6e6143c\", \"map-b9ffb901-e91e-4261-a127-ec3246bc6350\", .. ]\n\n    map = window.openStreetMap.getMap('map-d8aaafcf-b2fa-4240-8a28-ed48b6e6143c');\n    \u003e { MapObject }\n\n    markers = window.openStreetMap.getMarkers('map-d8aaafcf-b2fa-4240-8a28-ed48b6e6143c');\n    \u003e Array [ { MarkerObject }, { MarkerObject }, ... ]\n\n**Events**\n\n    document.addEventListener('initializedOpenStreetMap', e =\u003e {\n        console.log(e);\n    });\n    \u003e { details: { map: { MapObject }, mapId: 'map-123..' }, ...DefaultEventProperties }\n\n    document.addEventListener('addedOpenStreetMapMarkers', e =\u003e {\n        console.log(e);\n    });\n    \u003e { details: { map: { MapObject }, mapId: 'map-123..', geoJson: { GeoJSON } }, ...DefaultEventProperties }\n\n\n## MarkerCluster Example\n\nLoad the Leaflet plugin..\n\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/leaflet.markercluster@1.1.0/dist/MarkerCluster.css\" /\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://unpkg.com/leaflet.markercluster@1.1.0/dist/MarkerCluster.Default.css\" /\u003e\n    \u003cscript type=\"text/javascript\" src=\"https://unpkg.com/leaflet.markercluster@1.1.0/dist/leaflet.markercluster.js\"\u003e\u003c/script\u003e\n\nRegister a JS hook..\n\n    prototype(WebExcess.OpenStreetMap:Map.Component) {\n      mapHooks.addMarkersLayerHook = 'myAddMarkersLayerHook'\n    }\n\nLoad the plugin with your hook..\n\n    window.myAddMarkersLayerHook = (layer) =\u003e {\n      const clusterMarkers = L.markerClusterGroup()\n      return clusterMarkers.addLayer(layer)\n    }\n\n\n## Leaflet Map Options\n\nSee [leafletjs.com](https://leafletjs.com/reference-1.3.4.html#map-option)\n\n**Via default settings**\n\n\tWebExcess:\n\t  OpenStreetMap:\n\t    mapOptions:\n\t      scrollWheelZoom: true\n\n**Via Fusion**\n\n\tprototype(WebExcess.OpenStreetMap:Map.Component) {\n\t  mapOptions {\n\t    scrollWheelZoom = true\n\t  }\n\t}\n\n**Inspector Editor**\n\nFeel free to add custom Editors to enhance your Editors experience as he need's it.\n\n\n## Acknowledgements\n\nThanks to [OpenStreetMap](https://www.openstreetmap.org/) for providing free and open map data. And thanks to [leafletjs.com](https://leafletjs.com/) for providing an open-source JS library for interactive maps.\n\n\n------------------------------------------\n\ndeveloped by [webexcess GmbH](https://webexcess.ch/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebexcess%2Fopenstreetmap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebexcess%2Fopenstreetmap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebexcess%2Fopenstreetmap/lists"}