{"id":25687091,"url":"https://github.com/holyshared/staticmaps","last_synced_at":"2025-08-01T11:34:27.250Z","repository":{"id":136708232,"uuid":"1005371","full_name":"holyshared/StaticMaps","owner":"holyshared","description":"It draws in a static map with Static Maps API V2. The acquisition of URL is also possible.","archived":false,"fork":false,"pushed_at":"2010-11-04T08:41:43.000Z","size":828,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-31T19:28:09.111Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/holyshared.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2010-10-19T09:22:09.000Z","updated_at":"2019-08-13T14:37:54.000Z","dependencies_parsed_at":"2023-03-10T22:10:50.672Z","dependency_job_id":null,"html_url":"https://github.com/holyshared/StaticMaps","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/holyshared/StaticMaps","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holyshared%2FStaticMaps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holyshared%2FStaticMaps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holyshared%2FStaticMaps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holyshared%2FStaticMaps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/holyshared","download_url":"https://codeload.github.com/holyshared/StaticMaps/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/holyshared%2FStaticMaps/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268215611,"owners_count":24214365,"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-01T02:00:08.611Z","response_time":67,"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":[],"created_at":"2025-02-24T20:08:07.534Z","updated_at":"2025-08-01T11:34:27.192Z","avatar_url":"https://github.com/holyshared.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"StaticMaps 0.2\n=================================\n\nIt draws in a static map with Static Maps API V2. The acquisition of URL is also possible.\n\n![Screenshot](http://holyshared.github.com/StaticMaps/icon.png)\n\nHow to use\n-----------------------\n\n### Loading of necessary library.\n\nMootools and the StaticMaps library are described in HTML in the head element.\n\n\t#HTML\n\t\u003chead\u003e\n\t\t\u003cscript type=\"text/javascript\" src=\"mootools-core1.3.js\"\u003e\u003c/script\u003e\n\t\t\u003cscript type=\"text/javascript\" src=\"StaticMaps.js\"\u003e\u003c/script\u003e\n\t\t\u003cscript type=\"text/javascript\" src=\"StaticMaps.Position.js\"\u003e\u003c/script\u003e\n\t\t\u003cscript type=\"text/javascript\" src=\"StaticMaps.Marker.js\"\u003e\u003c/script\u003e\n\t\t\u003cscript type=\"text/javascript\" src=\"StaticMaps.Path.js\"\u003e\u003c/script\u003e\n\t\u003c/head\u003e\n\n### Preparation for container element that draws in map\n\nThe container element that draws in the map is described.\n\n    #HTML\n    \u003cdiv id=\"staticMap\"\u003e\u003c/div\u003e\n\n### Description of javascript\n\nIt draws in the map in the element that specifies the parameter necessary for the option, executes the renderTo method, and specifies it.\n\n\t#JS\n\twindow.addEvent('domready', function(){\n\t\tvar map = new StaticMaps({\n\t\t\tposition: {\n\t\t\t\tcenter: {lat: 35.710698, lng: 139.81257},\n\t\t\t\tzoom: 15\n\t\t\t},\n\t\t\tmap: {\n\t\t\t\tsize: {\n\t\t\t\t\twidth: 600,\n\t\t\t\t\theight: 300\n\t\t\t\t},\n\t\t\t\tformat: 'jpg',\n\t\t\t\tmapType: 'roadmap',\n\t\t\t\tmobile: true,\n\t\t\t\tlanguage: 'en'\n\t\t\t},\n\t\t\tmarkers: [\n\t\t\t\t{\n\t\t\t\t\tcolor: '0xCCCCCCC',\n\t\t\t\t\tsize: 'mid',\n\t\t\t\t\tlabel: 'A',\n\t\t\t\t\tpoint: 'New York'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: '0xFFCCCCC',\n\t\t\t\t\tsize: 'mid',\n\t\t\t\t\tlabel: 'B',\n\t\t\t\t\tpoint: {lat: 40.714353, lng: -74.005973}\n\t\t\t\t}\n\t\t\t],\n\t\t\tpath: {\n\t\t\t\tcolor: '0xFF0000',\n\t\t\t\tpoints: [\n\t\t\t\t\t'New York',\n\t\t\t\t\t{ lat: 40.714353, lng: -74.005973 }\n\t\t\t\t]\n\t\t\t}\n\t\t});\n\t\tmap.renderTo($('staticMap'));\n\t});\n\nMoreover, it is also possible to specify it individually by using the method of the setter. \n\n\t#JS\n\twindow.addEvent('domready', function(){\n\n\t\t//It draws specifying the condition in the map. \n\t\tvar map = new StaticMaps();\n\n\t\tmap.setSize(600, 300)\n\t\t\t.setCenter({\n\t\t\t\tlat: 35.710698,\n\t\t\t\tlng: 139.81257\n\t\t\t})\n\t\t\t.setZoom(15);\n\n\t\tmap.addMarker({\n\t\t\tcolor: '0xCCCCCCC',\n\t\t\tsize: 'mid',\n\t\t\tlabel: 'A',\n\t\t\tpoint: 'New York'\n\t\t});\n\n\t\tvar marker = map.factory('marker', {\n\t\t\tcolor: '0xCCCCCCC',\n\t\t\tsize: 'mid'\n\t\t});\n\t\tmarker.setLable('B')\n\t\t\t.setPoint({\n\t\t\t\tlat: 40.714353,\n\t\t\t\tlng: -74.005973\n\t\t\t});\n\n\t\tmap.addMarker(marker);\n\t\tmap.renderTo($('staticMap'));\n\n\t\t//A new map is added. \n\t\tvar url = map.toQueryString();\n\t\tvar img = new Element('img', { src: url });\n\t\timg.inject($('staticMap'));\n\t});\n\n\n#### Options\n\n##### Position\n\n* **position**: (object) - Position where map is displayed.\n\t* **center**: (object|string) - The center position, the coordinates position or the address in the map can be specified. \n\t* **zoom**: (number) - Zoom level of map. The value from 0 to 21 can be specified.\n\n##### Map\n\n* **map**: (object) - The map is optional.\n\t* **size**: (object) - Key pair object of width and height.\n\t* **format**: (string) - Image format in map.  Jpg, png, and gif, etc. can be specified. \n\t* **mapType**: (string) - Kind of map. Either roadmap, satellite, terrain or hybrid can be specified. \n\t* **mobile**: (boolean) - It displays it by mobile correspondence.\n\t* **language**: (string) - Locale in map. en and ja, etc.\n\n##### Markers\n\n* **markers**: (array) - Two or more marker objects.\n\t* **marker**: (object) - Marker object.\n\t\t* **color**: (string) - The color code in 24 bits or the defined colors can be specified. \n\t\t* **size**: (string) - It is possible to specify it from the size, tiny, mid, and small of the marker.\n\t\t* **label**: (string) - The marker's label. One character in A-Z0-9 can be specified. \n\t\t* **point**: (object|string) - Coordinates position of marker. Coordinates or the address can be specified. \n\t\t* **icon**: (string) - URL of custom marker.\n\t\t* **shadow**: (boolean) - The shadow of the marker is displayed.\n\n##### Path\n\n* **path**: (object) - Information on passing.\n\t* **weigth**: (number) - Thickness of line.\n\t* **color**: (string) - Color of line.\n\t* **fillColor**: (string) - Color that paints out passing.\n\t* **points**: (array) - One or more coordinates or name of a places of passing and addresses.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fholyshared%2Fstaticmaps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fholyshared%2Fstaticmaps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fholyshared%2Fstaticmaps/lists"}