Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/heremaps/jsfiddle-github

JSFiddle implementation for interactive JavaScript examples.
https://github.com/heremaps/jsfiddle-github

examples geospatial interactive javascript js jsfiddle mapping maps source

Last synced: 2 months ago
JSON representation

JSFiddle implementation for interactive JavaScript examples.

Awesome Lists containing this project

README 

        
# jsFiddle Examples



This 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.



> **You do not need to clone this repository, just use the links below to navigate to [jsfiddle.net](http://jsfiddle.net)**.



Examples for the following APIs are available within this repository:



* [Data Lens](https://datalens.here.com)

* [Maps API for JavaScript 3.x](https://developer.here.com/develop/javascript-api)



## License



Unless otherwise noted in `LICENSE` files for specific files or directories, the [LICENSE](LICENSE) in the root applies to all content in this repository.



## Data Lens



* [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

* [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

* [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

* [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



## Maps API for JavaScript 3.x



* [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.

* [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

* [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.

* [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

* [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

* [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

* [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

* [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

* [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

* [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

* [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

* [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

* [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

* [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.

* [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

* [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

* [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

* [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

* [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

* [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

* [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.

* [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.

* [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.

* [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.

* [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

* [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

* [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

* [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

* [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

* [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

* [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

* [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

* [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

* [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

* [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

* [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

* [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

* [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.

* [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.

* [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.

* [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.

* [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

* [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

* [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

* [Terrain Map](http://jsfiddle.net/gh/get/jquery/2.1.0/heremaps/jsfiddle-github/tree/master/terrain-map) - Display a topographical map

* [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

* [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

* [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