{"id":16490435,"url":"https://github.com/alex2wong/jqmap2","last_synced_at":"2025-03-23T12:34:41.483Z","repository":{"id":115046515,"uuid":"44296969","full_name":"alex2wong/Jqmap2","owner":"alex2wong","description":"Map plugins and demo, Cloud layer, Scene Animation ,Map Label engines --\u003e","archived":false,"fork":false,"pushed_at":"2019-06-10T15:10:50.000Z","size":53482,"stargazers_count":24,"open_issues_count":2,"forks_count":2,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-18T20:40:40.036Z","etag":null,"topics":["flight","labels","mapbox-gl-js","multiplayer","openlayers","websockets"],"latest_commit_sha":null,"homepage":"http://alex2wong.github.io/Jqmap2/label.html","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/alex2wong.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":"2015-10-15T06:03:20.000Z","updated_at":"2023-04-15T05:31:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"328332ed-7549-4a45-9a55-24b1456ac2c4","html_url":"https://github.com/alex2wong/Jqmap2","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alex2wong%2FJqmap2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alex2wong%2FJqmap2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alex2wong%2FJqmap2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alex2wong%2FJqmap2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alex2wong","download_url":"https://codeload.github.com/alex2wong/Jqmap2/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245104460,"owners_count":20561377,"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":["flight","labels","mapbox-gl-js","multiplayer","openlayers","websockets"],"created_at":"2024-10-11T13:48:00.158Z","updated_at":"2025-03-23T12:34:41.460Z","avatar_url":"https://github.com/alex2wong.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Jqmap2\n\n**Note:** Mapbox related plugins have been moved to new repo: [mapbox-plugins](https://github.com/alex2wong/mapbox-plugins)\n\nJqmap2 contains sets of **web app** based on \u003ca href=\"https://www.mapbox.com/mapbox-gl-js/\"\u003eMapbox GL JS\u003c/a\u003e and socket.io\n\nCurrently \u003ca href=\"https://www.mapbox.com/mapbox-gl-js/\"\u003eMapbox GL JS\u003c/a\u003e is applied to build A totally new flightgame, with pitch, bearing in viewport and webgl render.\n\nGame ScreenShot:\n\n![flight_screenshot](https://github.com/alex2wong/Jqmap2/blob/master/Asset/flight_screenshot.jpg?raw=true)\n\nRoads Style and Rectangle label background\n![Roads Style_screenshot](https://github.com/alex2wong/Jqmap2/blob/master/Asset/roadsStyle-roundRect.jpg?raw=true)\n[Rectangle label background based on Canvas](http://alex2wong.github.io/Jqmap2/labelbg.html) Thanks@Yang\n\n\n[Mapbox storylayer example with async/await](http://alex2wong.github.io/Jqmap2/examples/storylayer/)\u003cbr\u003e\n[Mapbox cloud example](http://alex2wong.github.io/Jqmap2/examples/cloudlayer/)\u003cbr\u003e\n![Mapbox cloud example](https://github.com/alex2wong/Jqmap2/blob/master/Asset/images/cloudlayer.gif)\n\n### ↓Openlayer label without overlap\u003cbr\u003e\n![openlayer label without overlap](https://github.com/alex2wong/Jqmap2/blob/master/Asset/Label_Func3.gif)\n\u003cbr\u003e\nif interested **how it works**, visit [WIKI](https://github.com/alex2wong/Jqmap2/wiki/Openlayer-%E5%AE%9E%E7%8E%B0%E5%B8%A6%E7%A2%B0%E6%92%9E%E6%A3%80%E6%B5%8B%E7%9A%84%E6%A0%87%E6%B3%A8) for more information.\n\n### **Demos** for you:\n\u003ca href=\"http://alex2wong.github.io/Jqmap2/label.html\"\u003e Label Example \u003c/a\u003e, Openlayer label Engine, Update 2017/5/17. Simple config, easy use.\n\u003cbr\u003e\n```\n// new LabelEngine.\nvar labelEngine = new LabelEngine({\n      labelFields: ['city', 'NAME'],\n      distStrat: true,\n    });\n\n// refresh timer each moveend.\nmap.on('moveend', function(evt) {\n    if (labelEngine) {\n        labelEngine.log();\n        labelEngine.init();\n    }\n});\n\n// config layer styleFunction as usual\nfunction cityStyleFunction(feature, resolution) {\n  return new ol.style.Style({\n      image: new ol.style.Circle({\n        fill: new ol.style.Fill({\n                color: \"#ffc107\"\n              }),\n        radius: 4\n      }),\n      // config layer label option\n      text: labelEngine.createTextStyle(feature, resolution, {\n          maxRes: 25000,\n          field: \"city\",\n          lang: \"en\",\n      }),\n  });\n}\n\n```\n\u003cbr\u003e\n\u003ca href=\"http://alex2wong.github.io/Jqmap2/proxy.html\"\u003e Proxy Example \u003c/a\u003e, Get  resource by Nodejs Proxy, input busline name in DEMO to get the line coordinates.\n\u003cbr\u003e\n\u003ca href=\"http://alex2wong.github.io/Jqmap2/blur.html\"\u003e Blur Example \u003c/a\u003e, blur partial canvas context, based on js lib [blurify](https://github.com/alex2wong/blurify).\n\u003cbr\u003e\n\u003ca href=\"http://alex2wong.github.io/Jqmap2/\"\u003e Mobile web map \u003c/a\u003e, the JqueryMobile and Openlayer2 webApp.\n\u003cbr\u003e\n\u003ca href=\"http://111.231.11.20/flight.html\"\u003e Flight Game \u003c/a\u003e, press WSAD for move, Space to fire, Enjoy it!\n\u003cbr\u003e\n\u003ca href=\"http://alex2wong.github.io/Jqmap2/index2.html\" \u003e First view flight \u003c/a\u003e, press WSAD for move\n\n## Todo List:\n- add websocket to support multiplayer (completed!)\n- optimize touch events to promote mobile performance (completed!)\n- display other player's fire action and sync Robot Status to all client, not emit to client speratedly anymore.\n- optimize calculation in fire animation. promote game influence.(completed!)\n- add mini map to navigate enemy drone(completed).\n- add chatPopup to map, clear to show who talks.(completed).\n- **!important**: refactor code structure based on es6. (inprogress..)\n- **!important**: add AI-robot module to current robot flight which can follow and fire at player. (completed)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falex2wong%2Fjqmap2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falex2wong%2Fjqmap2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falex2wong%2Fjqmap2/lists"}