{"id":19815176,"url":"https://github.com/akbartus/a-frame-component-three-geo-updated","last_synced_at":"2026-03-03T16:36:31.796Z","repository":{"id":175053767,"uuid":"653280701","full_name":"akbartus/A-Frame-Component-Three-Geo-Updated","owner":"akbartus","description":"This is an updated version of three-geo component for A-Frame","archived":false,"fork":false,"pushed_at":"2023-06-14T16:47:22.000Z","size":2913,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-28T19:27:02.112Z","etag":null,"topics":["a-frame","aframevr","mapping","three-geo"],"latest_commit_sha":null,"homepage":"https://three-geo.glitch.me/","language":"HTML","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/akbartus.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}},"created_at":"2023-06-13T18:44:32.000Z","updated_at":"2023-06-14T15:01:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"c652a0ae-32b6-4397-bfb0-ca0974165e1c","html_url":"https://github.com/akbartus/A-Frame-Component-Three-Geo-Updated","commit_stats":null,"previous_names":["akbartus/a-frame-component-three-geo","akbartus/a-frame-component-three-geo-updated"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/akbartus/A-Frame-Component-Three-Geo-Updated","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akbartus%2FA-Frame-Component-Three-Geo-Updated","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akbartus%2FA-Frame-Component-Three-Geo-Updated/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akbartus%2FA-Frame-Component-Three-Geo-Updated/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akbartus%2FA-Frame-Component-Three-Geo-Updated/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/akbartus","download_url":"https://codeload.github.com/akbartus/A-Frame-Component-Three-Geo-Updated/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/akbartus%2FA-Frame-Component-Three-Geo-Updated/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286035621,"owners_count":27274546,"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-11-23T02:00:06.149Z","response_time":135,"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":["a-frame","aframevr","mapping","three-geo"],"created_at":"2024-11-12T10:04:58.879Z","updated_at":"2025-11-23T23:05:30.950Z","avatar_url":"https://github.com/akbartus.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# A-Frame Component: Three-Geo (Updated Version)\n\u003cimg src=\"img/screenshot.gif\" title=\"Video screen capture\" alt=\"Video screen capture\" height=\"400\"\u003e\n\n### **Description / Rationale**\nThis is an updated version of A-Frame component for \"Three-geo\", \u003ca href=\"https://github.com/w3reality/three-geo\"\u003ethe library for 3D geographic visualization\u003c/a\u003e.  The original version of the component was developed by \u003ca href=\"https://github.com/w3reality/three-geo/issues/1\"\u003eKJStrand\u003c/a\u003e. The updated version is compatible with latest version of A-frame and has the following new features:\n* The component and three-geo files were combined into single file;\n* Flat map style was added;\n* Possibility of selecting the style of the map: elevated, wireframe and contour\n* Possibility of assigning color to wireframe styled map.   \n\n### **Instructions**\nIn order to use the component attach \"three-geo\" to any entity. The component has the following attributes: \n* \u003cb\u003etoken: { type: 'string', default: '*******' }\u003c/b\u003e - Token generated by Mapbox.\n* \u003cb\u003elat: { type: 'number', default: 35.3778 }\u003c/b\u003e - latitude of the location on Mapbox.\n* \u003cb\u003elng: { type: 'number', default: 138.7472 }\u003c/b\u003e - longitude of the location on Mapbox.\n* \u003cb\u003eradius: { type: 'number', default: 5.0 }\u003c/b\u003e - radius of bounding circle (km).\n* \u003cb\u003ezoom: { type: 'number', default: 10 }\u003c/b\u003e - zoom level.\n* \u003cb\u003eaxesHelper: { type: 'boolean', default: false }\u003c/b\u003e - Axes helper to learn about orientation in 3d space.\n* \u003cb\u003eflatMap: { type: 'boolean', default: false }\u003c/b\u003e - Flat map style without any elevations.\n* \u003cb\u003emapStyle: { type: 'string', default: \"elevated\" }\u003c/b\u003e - The following map styles are present: elevated, wireframe and contour. Will show if flatMap is false. \n* \u003cb\u003ewireframeColor: { type: 'color', default: \"#ffffff\" }\u003c/b\u003e - if wireframe map style is selected, allows to change the color of the wireframe. \n\nThe code below shows the sample implementation of the component:\n```\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eA-Frame Component: Three-geo (Updated)\u003c/title\u003e\n    \u003cscript src=\"https://aframe.io/releases/1.4.2/aframe.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"js/three-geo-component.js\"\u003e\n    \u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n    \u003ca-scene\u003e\n        \u003ca-entity id=\"first\" three-geo=\"token: your-mapbox-token-here;\n                   lat: 36.2058;\n                   lng:  -112.4413;\n                   radius: 5;\n                   zoom: 13;\n                   axesHelper: false;\n                   flatMap: false;\n                   mapStyle: elevated;\n                   wireframeColor: #ffffff;\n                   \" rotation=\"-90 180 0\" position=\"0 0.7 -1.5\" scale=\"2 2 2\"\u003e\u003c/a-entity\u003e\n                   \u003ca-sky color=\"#000000\"\u003e\u003c/a-sky\u003e\n    \u003c/a-scene\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\nTo learn more about \"Three-geo\" library, check the repository page of it.\n\n### **Tech Stack**\nThe project is powered by AFrame and Three.js.\n\n### **Demo**\nSee demo of the component here: [Demo](https://three-geo.glitch.me/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakbartus%2Fa-frame-component-three-geo-updated","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakbartus%2Fa-frame-component-three-geo-updated","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakbartus%2Fa-frame-component-three-geo-updated/lists"}