computamike / jsfiddle-github

JSFiddle implementation for interactive JavaScript examples.

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.

Examples for the following APIs are available within this repository:

• Data Lens
• Maps API for JavaScript 3.x

License

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

Data Lens

• Visualize Mobile Network Antennae by Providers - Visualize antennae for telecommunications mobile network operators, grouped by provider
• Visualize Mobile Network Antennae by Technology - 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 - 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 - 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 - Retrieve meta information of city labels, transit stations, etc.
• Adding Venues layer to the Map - Display venue objects (e.g. shops, airports etc) on the map
• Adding a Ground Overlay to the Map - Display an image over a specified geographical area.
• Adding an Overlay to the Map - Display custom map tiles as an overlay
• Calculating a Location from a Mouse Click - Obtain the latitude and longitude of a location within the map
• Changing from the Metric System - Display a map including a scale bar in miles or yards
• Circle on the Map - Display a map highlighting a circular region
• DOM Marker - Display a marker that is capable of receiving DOM events
• Detailed Place Information - Request detailed information about a place marked on the map selected using a mouse click
• Display Interactive KML Objects - Parse a KML file and display and interact with the data on a map
• Display KML Data - Parse a KML file and display the data on a map
• Draggable Marker - Display a moveable marker on a map
• Explore Nearby Places - Request a list of places close to a location and display them on a map
• Explore Popular Places by Category - Request a list of places within a category around a location and display them on a map.
• Finding the Nearest Marker - Find a marker nearest to the click location
• Map Objects Event Delegation - Use event delegation on map objects
• Map Objects Events - Handle events on various map objects
• Map UI Components - Display a map with the standard UI components in an altered location
• Map at a specified location - Display a map at a specified location and zoom level
• Map using View Bounds - Display a map of a given area
• Map with Driving 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 - Request a walking route from A to B and display it on the map.
• 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 - Request a truck route from A to B and display it on the map.
• Marker Clustering - Cluster multiple markers together to better visualize the data
• Marker Clustering with Custom Theme - Cluster multiple markers and customize the theme
• Marker on the Map - Display a map highlighting points of interest
• Multi-language support - Display a map with labels in a foreign language
• One-Box Search - Request a list of nearby places based on a query string and display them on a map
• Opening an Infobubble on a Mouse Click - Open an infobubble when a marker is clicked
• Ordering Overlapping Markers - Arrange the order in which a series of map objects are displayed
• Panning the Map - Programmatically pan the map so that it is continually in motion
• Polygon on the Map - Display a map highlighting a region or area
• Polyline on the Map - Display a map with a line showing a known route
• Rectangle on the map - Display a map highlighting a retangular region or area
• Restrict Map Movement - Restrict a moveable map to a given rectangular area
• SVG Graphic Markers - Display a map with custom SVG markers
• Search for a Landmark - Request the location of a landmark and display it on the map.
• Search for a Location based on an Address - Request a location using a free-form text input and display it on the map.
• Search for a Location given a Structured Address - Request a location from a structured address and display it on the map.
• Search for the Address of a Known Location - Request address details for a given location and display it on the map.
• Store map tiles for offline usage - Store map tiles for offline usage
• Synchronising Two Maps - Synchronise a static map with an interactive map
• Take a Snapshot of the Map - Capture an area on the map
• Terrain Map - Display a topographical map
• Traffic Information - Display traffic information on the map
• Zoom into Bounds - Zoom into bounds limiting maximum level
• Zooming to a Set of Markers - Alter the viewport to ensure a group of objects are visible