{"id":18542185,"url":"https://github.com/heremaps/jsfiddle-github","last_synced_at":"2025-04-09T18:31:42.037Z","repository":{"id":52085292,"uuid":"49216007","full_name":"heremaps/jsfiddle-github","owner":"heremaps","description":"JSFiddle implementation for interactive JavaScript examples.","archived":false,"fork":false,"pushed_at":"2018-06-19T12:38:19.000Z","size":9445,"stargazers_count":18,"open_issues_count":0,"forks_count":6,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-03-24T10:21:17.631Z","etag":null,"topics":["examples","geospatial","interactive","javascript","js","jsfiddle","mapping","maps","source"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/heremaps.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}},"created_at":"2016-01-07T16:26:01.000Z","updated_at":"2022-12-22T14:01:14.000Z","dependencies_parsed_at":"2022-09-10T20:00:34.129Z","dependency_job_id":null,"html_url":"https://github.com/heremaps/jsfiddle-github","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/heremaps%2Fjsfiddle-github","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heremaps%2Fjsfiddle-github/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heremaps%2Fjsfiddle-github/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heremaps%2Fjsfiddle-github/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/heremaps","download_url":"https://codeload.github.com/heremaps/jsfiddle-github/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248087781,"owners_count":21045589,"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":["examples","geospatial","interactive","javascript","js","jsfiddle","mapping","maps","source"],"created_at":"2024-11-06T20:07:40.243Z","updated_at":"2025-04-09T18:31:37.030Z","avatar_url":"https://github.com/heremaps.png","language":"JavaScript","readme":"# jsFiddle Examples\n\nThis repository holds a series of code examples demonstrating the use of JavaScript-based APIs available from **HERE.** It is designed to be consumed by the JSFiddle github API.\n\n\u003e **You do not need to clone this repository, just use the links below to navigate to [jsfiddle.net](http://jsfiddle.net)**.\n\nExamples for the following APIs are available within this repository:\n\n* [Data Lens](https://datalens.here.com)\n* [Maps API for JavaScript 3.x](https://developer.here.com/develop/javascript-api)\n\n\n## License\n\nUnless otherwise noted in `LICENSE` files for specific files or directories, the [LICENSE](LICENSE) in the root applies to all content in this repository.\n\n\n## Data Lens\n\n* [Visualize Mobile Network Antennae by Providers](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/telco-categorical-markers) - Visualize antennae for telecommunications mobile network operators, grouped by provider\n* [Visualize Mobile Network Antennae by Technology](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/telco-antennas) - Visualize antennae for telecommunications mobile network operators, colored by technology and by azimuth\n* [Visualize the Distribution of Averaged Mobile Network Signal Strengths on a Raster Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/telco-rastermap) - Visualize the distribution of aggregated and averaged signal strength measurements on a raster map\n* [Visualize the Distribution of Mobile Network Signal Strengths on a Heat Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/telco-heatmap) - Visualize the distribution of averaged signal strength measurements on a heat map\n\n\n## Maps API for JavaScript 3.x\n\n* [Adding Meta Information layer to the Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/meta-info-layer) - Retrieve meta information of city labels, transit stations, etc.\n* [Adding Venues layer to the Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/venues-layer) - Display venue objects (e.g. shops, airports etc) on the map\n* [Adding a Ground Overlay to the Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/ground-overlay) - Display an image over a specified geographical area.\n* [Adding an Overlay to the Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/custom-tile-overlay) - Display custom map tiles as an overlay\n* [Calculating a Location from a Mouse Click](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/position-on-mouse-click) - Obtain the latitude and longitude of a location within the map\n* [Changing from the Metric System](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-scale-bar-changing-from-the-metric-system) - Display a map including a scale bar in miles or yards\n* [Circle on the Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/circle-on-the-map) - Display a map highlighting a circular region\n* [DOM Marker](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-with-dom-marker) - Display a marker that is capable of receiving DOM events\n* [Detailed Place Information](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/get-place-details) - Request detailed information about a place marked on the map selected using a mouse click\n* [Display Interactive KML Objects](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-with-interactive-kml-objects) - Parse a KML file and display and interact with the data on a map\n* [Display KML Data](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/display-kml-on-map) - Parse a KML file and display the data on a map\n* [Draggable Marker](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/draggable-marker) - Display a moveable marker on a map\n* [Explore Nearby Places](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/identify-places-at-location) - Request a list of places close to a location and display them on a map\n* [Explore Popular Places by Category](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/explore-places) - Request a list of places within a category around a location and display them on a map.\n* [Finding the Nearest Marker](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/finding-the-nearest-marker) - Find a marker nearest to the click location\n* [Map Objects Event Delegation](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-objects-event-delegation) - Use event delegation on map objects\n* [Map Objects Events](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-object-events-displayed) - Handle events on various map objects\n* [Map UI Components](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/moved-map-components) - Display a map with the standard UI components in an altered location\n* [Map at a specified location](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-at-specified-location) - Display a map at a specified location and zoom level\n* [Map using View Bounds](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-using-view-bounds) - Display a map of a given area\n* [Map with Driving Route from A to B](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-with-route-from-a-to-b) - Request a driving route from A to B and display it on the map.\n* [Map with Pedestrian Route from A to B](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-with-pedestrian-route-from-a-to-b) - Request a walking route from A to B and display it on the map.\n* [Map with Route from A to B using Public Transport](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-with-route-from-a-to-b-using-public-transport) - Request a route from A to B using public transport and display it on the map.\n* [Map with Truck Route from A to B](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-with-truck-route-from-a-to-b) - Request a truck route from A to B and display it on the map.\n* [Marker Clustering](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/marker-clustering) - Cluster multiple markers together to better visualize the data\n* [Marker Clustering with Custom Theme](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/custom-cluster-theme) - Cluster multiple markers and customize the theme\n* [Marker on the Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/markers-on-the-map) - Display a map highlighting points of interest\n* [Multi-language support](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-multi-language-support) - Display a map with labels in a foreign language\n* [One-Box Search](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/search-for-places) - Request a list of nearby places based on a query string and display them on a map\n* [Opening an Infobubble on a Mouse Click](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/open-infobubble) - Open an infobubble when a marker is clicked\n* [Ordering Overlapping Markers](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/ordering-overlapping-markers) - Arrange the order in which a series of map objects are displayed\n* [Panning the Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/panning-the-map) - Programmatically pan the map so that it is continually in motion\n* [Polygon on the Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/polygon-on-the-map) - Display a map highlighting a region or area\n* [Polyline on the Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/polyline-on-the-map) - Display a map with a line showing a known route\n* [Rectangle on the map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/rectangle-on-the-map) - Display a map highlighting a retangular region or area\n* [Restrict Map Movement](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/restrict-map) - Restrict a moveable map to a given rectangular area\n* [SVG Graphic Markers](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/map-with-svg-graphic-markers) - Display a map with custom SVG markers\n* [Search for a Landmark](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/search-for-landmark) - Request the location of a landmark and display it on the map.\n* [Search for a Location based on an Address](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/geocode-a-location-from-address) - Request a location using a free-form text input and display it on the map.\n* [Search for a Location given a Structured Address](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/geocode-a-location-from-structured-address) - Request a location from a structured address and display it on the map.\n* [Search for the Address of a Known Location](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/reverse-geocode-an-address-from-location) - Request address details for a given location and display it on the map.\n* [Store map tiles for offline usage](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/offline-map) - Store map tiles for offline usage\n* [Synchronising Two Maps](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/synchronising-two-maps) - Synchronise a static map with an interactive map\n* [Take a Snapshot of the Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/capture-map-area) - Capture an area on the map\n* [Terrain Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/terrain-map) - Display a topographical map\n* [Traffic Information](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/showing-traffic-information) - Display traffic information on the map\n* [Zoom into Bounds](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/custom-zooming-into-bounds) - Zoom into bounds limiting maximum level\n* [Zooming to a Set of Markers](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/zoom-to-set-of-markers) - Alter the viewport  to ensure a group of objects are visible\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fheremaps%2Fjsfiddle-github","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fheremaps%2Fjsfiddle-github","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fheremaps%2Fjsfiddle-github/lists"}