Git Product home page Git Product logo

examples's Introduction

HERE Maps Community on GitHub

Examples, Demos and Custom Map Components written by the HERE Maps Coding Community

Simple Examples: A series of graduated code examples using the Maps API for JavaScript, each example displays a short snippet of code with the correct syntax to do a specified task - for example "How do I add a Polygon to the map?" Useful when getting started, or as an aide-memoire when writing something new.

Advanced Examples: A second set of examples, demonstrating the use of the advanced features of the Maps API for JavaScript. These examples cover more difficult concepts such as asynchronous loading,KML and Map overlays.

Demos and Custom Components: Demos showcase the power of the Maps API for JavaScript when mashed up with other APIs or data sources. Custom Components extend the basic functionality of the API to introduce new components which offer additional capabilities (such as GeoJSON parsing). The files necessary for each demo can be found in a separate directory. Each custom component also offers a demonstation of usage where the component itself can be found within a separate libs directory. Obviously demos and custom components cover a very broad range of subjects, so they have been split thematically below:

See the LICENSE file in the root of this project for license details.

Demos and Custom Components

Custom Components

  • Map Restriction - Restricts the map to a certain region or zoom level
  • Interactive Control - Simple method to add "onclick" and forwarding to map markers
  • Magnifier - Demonstration of map observers showing a high zoom map over the base map.
  • Text on Icon - adding text to a custom marker
  • Tooltips - custom control to add tooltips to markers
  • x-Ray - demonstration of map observers showing a satellite map over the base map

Directions Rendering

Geocoding Demos

Heat Map Mashups

  • Flickr - heatmap of locations people have taken photos and uploaded to Flickr
  • Instagram - heatmap of locations people have taken photos and uploaded to Instagram

KML + GeoJSON Demos

KML Generation Tools

GeoJSON Parsing Examples

KML Parsing Examples

AJAX Loading

Map Overlay Demos

  • Aerial HERE Maps Styles - A demonstration of available aerial HERE Maps map types (terrain, satellite etc.) and available languages.
  • Base HERE Maps Styles - A demonstration of available HERE Maps base map types and available languages.
  • Map with POIs - A HERE Map displaying points of interest icons.
  • Bilingual Map - A HERE Map in Chinese and English
  • Community Maps - A demonstration displaying the HERE Maps community map layer using a quad key algorithm.
  • Grid Overlay - A demonstration of TMS (Tile Map Server) syntax using a tile overlay from the National Library of Scotland.

Sidebar Component

Simple Examples

Basic code snippets to get you started:

Advanced Examples

The advanced examples are split thematically as shown:

Advanced Map Objects

Asynchronous Loading

Clustering

KML

Overlays

Other

examples's People

Contributors

jaz7290 avatar thingsinjars avatar jason-fox avatar stefanverhoeff avatar freethan avatar sschuberth avatar

Watchers

James Cloos avatar Jaydeep Jivani avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.