For AI agents: visit https://docs.here.com/llms.txt for an index of all pages formatted in Markdown and endpoints in OpenAPI.
Jump to Content
Guides
v3.2 API Reference
v3.1 API Reference
HERE-KB-test
HERE-ServiceNow-Demo
Automated Driving Zones
NDS.Live
Anonymizer
Behavioral Maneuvers
Coverage
Data API
Data SDK
Embedded Editor
HERE Geocoding & Search
GIS Data Suite
HD Live Map
HERE Custom Attributes
HERE Destination Weather
HERE EV Products
HERE Fuel Prices
HERE Map Rendering
HERE Parking
HERE Positioning
HERE Real-Time Traffic
HERE Routing
HERE Safety Cameras
HERE SDK
HERE Style Editor
HERE Tour Planning
HERE Traffic Analytics Speed Data
HERE Traffic API
HERE Transit
HERE WeGo Pro
Identity and Access Management
Indoor Map
Introduction to Mapping Concepts
Local Maps Regulatory Approval
Map Attributes API
Map Content
Map Feedback API
Mapmaking
Maps API for JavaScript
Maps XML
Optimized Client Map
Phonetic Training Data
Platform MOM
Platform Status API
Policies
SceneXtract
HERE Tracking API
Usage API
what3words
Workspace
v1.0-ja
v3.2.6.0
v3.2.6.1
v3.2.6.2
v3.2.7.0
v3.1
Guides
Log In
English
Jump to Content
Maps API for JavaScript
v3.2.7.0
Guides
v3.2 API Reference
v3.1 API Reference
Adding an Overlay to the Map
Log In
Developer Guide
Introduction to HERE Maps API for JavaScript
Supported browsers and platforms
Available API modules
Explore HERE Maps API for JavaScript versions
Get started with HERE Maps API for JavaScript
Understand map types
Manage map objects
Add markers
Use geoshapes
Display custom overlays
Handle map events
Customize your map
Apply custom geopolitical views
Calculate routes and directions
Cluster data for visualization
Configure region-specific maps
Customize map display through features and modes
Customize maps with map controls and UI
Customize maps with styles exported from the HERE Style Editor
Display interactive map layers
Display GeoJSON data
Display GPX data
Display maps with Japan data
Display real-time traffic data
Enable draggable directions
Enhance map content with KML
Integrate HERE Indoor Map
Resolve geocoding and address lookups
Display a heatmap at a specific location
Trigger actions or events based on specific areas through geofencing
Visualize routes with multiple stops by using the Waypoints Sequence service
Understand DefaultLayers options
View and apply vehicle restrictions
Integrate with frameworks
Build HERE Maps with Angular
Build HERE Maps with React
Build HERE Maps with TypeScript
Build HERE Maps with Vue.js
Optimize performance by bundling the HERE Maps API for JavaScript
Bundle the HERE Maps API for JavaScript with Webpack and Rollup
Bundle the HERE Maps API for JavaScript with Vite
Best practices and advanced tips
Apply best practices for efficient map rendering
Configure Content Security Policy
Set custom domain names and service paths
Tutorials
Switch from Google to HERE Maps API for JavaScript geocoding
Switch from Google to HERE Maps API for JavaScript
Switch from Google to HERE Maps API for JavaScript routing
Release Notes
Overview
Highlights
Changes
Functional and Behavioral Changes
API Changes
Known Issues
Resolved Issues
Limitations and Workarounds
Migration Guide
Migrate from the HERE Maps API for JavaScript version 3.1 to version 3.2
Examples
Adding an Overlay to the Map
Animated markers
Calculate a location from a mouse click
Changing from the metric system
Circle on a map
Context menu
Display an indoor map
Display GeoJSON data
Display GPX data
Display KML data
DOM marker
DOM marker rotation
Draggable geo shapes
Draggable marker
Extruded geo shapes
Finding the nearest marker
Image overlay
Indoor Map - Restrict map movement
Indoor map UI interactions
Interactive base map
Interactive map layer
Map at a specific location
Map object event delegation
Map object events
Map using view bounds
Map with custom MapSettings UI Control
Map with driving route from A to B
Map with isoline route for an EV vehicle
Map with pedestrian route from A to B
Map with route from A to B using public transport
Map with the truck routes and road restrictions
Marker clustering
Marker clustering with custom theme
Marker on the map
Markers with altitude
Multi-language support
Open an InfoBubble on mouse click
Order overlapping markers
Panning the map
Polygon on the map
Polygon with holes on the map
Polyline on the map
Rectangle on the map
Resizable circle
Resizable polygon
Resizable polyline
Resizable rectangle
Restrict map movement
Search for a landmark
Search for a location based on an address
Search for a location given a structured address
Search for the address of a known location
Set a map style exported from the HERE Style Editor
SVG graphic markers
Synchronising two maps
Take a snapshot of the map
Zoom into bounds
Zoom to a set of markers
Examples
Adding an Overlay to the Map
Fork on GitHub
Edit in JSFiddle
