{"id":13554086,"url":"https://github.com/egaxegax/dbcartajs","last_synced_at":"2025-04-03T06:31:09.312Z","repository":{"id":7829682,"uuid":"9200928","full_name":"egaxegax/dbcartajs","owner":"egaxegax","description":"Pan, zoom vector map and images (Canvas, SVG)","archived":false,"fork":false,"pushed_at":"2024-09-14T21:49:13.000Z","size":10280,"stargazers_count":59,"open_issues_count":0,"forks_count":17,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-09-15T06:02:34.964Z","etag":null,"topics":["canvas","image-viewer","javascript","map","metro","proj4js","projection","svg","vector-graphics"],"latest_commit_sha":null,"homepage":"https://egaxegax.github.io/dbcartajs","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/egaxegax.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2013-04-03T17:45:42.000Z","updated_at":"2024-09-14T21:49:17.000Z","dependencies_parsed_at":"2024-02-09T21:31:32.100Z","dependency_job_id":"1c2b3a21-cb48-4c70-9876-0247eee7dcc8","html_url":"https://github.com/egaxegax/dbcartajs","commit_stats":null,"previous_names":[],"tags_count":31,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/egaxegax%2Fdbcartajs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/egaxegax%2Fdbcartajs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/egaxegax%2Fdbcartajs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/egaxegax%2Fdbcartajs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/egaxegax","download_url":"https://codeload.github.com/egaxegax/dbcartajs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246947894,"owners_count":20859338,"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","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":["canvas","image-viewer","javascript","map","metro","proj4js","projection","svg","vector-graphics"],"created_at":"2024-08-01T12:02:39.355Z","updated_at":"2025-04-03T06:31:09.300Z","avatar_url":"https://github.com/egaxegax.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","javascript"],"sub_categories":[],"readme":"## dbcartajs\n\nПросмотр векторных карт и изображений с навигацией (Canvas, SVG)  \n*Pan, zoom vector map and images (Canvas, SVG)*\n\n#### Примеры (demos)\n\nИнтерактивные схемы метро Москвы со строящимися линиями и станциями и Петербурга в \u003ci\u003e2025\u003c/i\u003e году, \nпригородного ж/д транспорта Москвы и МО в \u003ci\u003e2015\u003c/i\u003e году.\nПо выбранным станциям рассчитывается кратчайший путь по алгоритму \u003ci\u003eBFS\u003c/i\u003e.\nВыбор станций возможен по клику, сброс маршрута - по двойному клику.\n\n\u003ctable\u003e\n \u003ctr\u003e\n  \u003ctd width=\"320px\"\u003e \u003ci\u003eСхема метро Москвы\u003c/i\u003e\u003cbr\u003e\u003csup\u003eMoscow Metro\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/mosmetro.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/mosmetro.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eСхема ж/д Москвы и МО\u003c/i\u003e\u003cbr\u003e\u003csup\u003eMoscow Railroad\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/mosrails.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/mosrails.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eСхема метро Петербурга\u003c/i\u003e\u003cbr\u003e\u003csup\u003eSt. Petersburg Metro\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/metrospb.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eСхема метро Новосибирска\u003c/i\u003e\u003cbr\u003e\u003csup\u003eNovosib Metro\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/metro-novosib.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/metro-novosib.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eСхема метро Киева\u003c/i\u003e\u003cbr\u003e\u003csup\u003eKiev Metro\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/metro-kiev.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e \n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eСхема метро Тбилиси\u003c/i\u003e\u003cbr\u003e\u003csup\u003eTbilisi Metro\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/metro-tbilisi.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e\n \u003c/tr\u003e\n\u003c/table\u003e\n\nМасштабирование изображений, использование цветов в *canvas*, градиента, анимации в *svg*.\n\n\u003ctable\u003e\n \u003ctr\u003e\n  \u003ctd width=\"320px\"\u003e \u003ci\u003eПросмотровщик картинок\u003c/i\u003e\u003cbr\u003e\u003csup\u003eImage Viewer\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/imgviewer.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/imgviewer.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eМасштабирование SVG-изображения\u003c/i\u003e\u003cbr\u003e\u003csup\u003ePan Zoom\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/panzoom.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eРесайзинг SVG-карты\u003c/i\u003e\u003cbr\u003e\u003csup\u003ePan Map\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/panmap.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n  \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eАнимация движения\u003c/i\u003e\u003cbr\u003e\u003csup\u003eRoller Ball\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd width=\"80px\"\u003e - \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/rollerball.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd width=\"320px\"\u003e \u003ci\u003eНастенные часы\u003c/i\u003e\u003cbr\u003e\u003csup\u003eWall Clock\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/clock.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd width=\"320px\"\u003e \u003ci\u003eФутбольные схемы\u003c/i\u003e\u003cbr\u003e\u003csup\u003eSoccer Schemes\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/soccerf.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e\n \u003c/tr\u003e\n\u003c/table\u003e\n\nИнтерактивные карты мира со списками городов и стран в различных проекциях. \nИдея и стиль позаимствованы с примеров \u003ca href=\"http://www.highcharts.com/maps/demo\"\u003ehighmaps\u003c/a\u003e \n\n\u003ctable\u003e\n \u003ctr\u003e\n  \u003ctd width=\"320px\"\u003e \u003ci\u003eАтлас мира\u003c/i\u003e\u003cbr\u003e\u003csup\u003eAtlas\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/atlas.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/atlas.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eГорода мира\u003c/i\u003e\u003cbr\u003e\u003csup\u003eCities\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/cities.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eГорода России без расстояний\u003c/i\u003e\u003cbr\u003e\u003csup\u003eRussian Cities\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/russ.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eСтраны мира\u003c/i\u003e\u003cbr\u003e\u003csup\u003eCountries\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/countries.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eНаселение мира\u003c/i\u003e\u003cbr\u003e\u003csup\u003ePopulation\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/usemap.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/usemap.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eНаселение США\u003c/i\u003e\u003cbr\u003e\u003csup\u003ePopulation USA\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/svg/us.html\"\u003e SVG \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eМаршруты на карте\u003c/i\u003e\u003cbr\u003e\u003csup\u003eRoutes\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/merc.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n  \u003ctd\u003e - \u003c/td\u003e\n \u003c/tr\u003e\n\u003c/table\u003e\n\nОтрисовка картинки в канвасе \u003ci\u003e3d\u003c/i\u003e с пересчетом проекции отображения через шейдеры \u003ci\u003eWebGL\u003c/i\u003e на основе примеров с сайта \u003ca href=\"http://vcg.isti.cnr.it/~tarini/spinnableworldmaps/\"\u003eSpinnable World Maps\u003c/a\u003e. \nЗвездное небо в канвасе \u003ci\u003e2d\u003c/i\u003e и \u003ci\u003e3d\u003c/i\u003e с использованием скриптов \u003ca href=\"https://github.com/mrdoob/three.js\"\u003ethree.js\u003c/a\u003e.\n\n\u003ctable\u003e\n \u003ctr\u003e\n  \u003ctd width=\"320px\"\u003e \u003ci\u003eАтлас 3D\u003c/i\u003e\u003cbr\u003e\u003csup\u003eAtlas 3D\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/map3d.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eЗвездное небо\u003c/i\u003e\u003cbr\u003e\u003csup\u003eStarry Sky\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/starry.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr\u003e\n  \u003ctd\u003e \u003ci\u003eЗвездное небо 3D\u003c/i\u003e\u003cbr\u003e\u003csup\u003eSky 3D\u003c/sup\u003e \u003c/td\u003e\n  \u003ctd\u003e \u003ca href=\"https://egaxegax.github.io/dbcartajs/nv/sky3d.html\"\u003e Canvas \u003c/a\u003e \u003c/td\u003e\n \u003c/tr\u003e\n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fegaxegax%2Fdbcartajs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fegaxegax%2Fdbcartajs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fegaxegax%2Fdbcartajs/lists"}