Code Samples

This page contains sample projects demonstrating the usage and capabilities of the Woosmap platform

1. Map Basics
2. Services
3. Drawing Shapes
4. Events
5. Geolocation
6. Indoor Maps
7. Localities
8. Markers
9. Map Styles
10. React Map
11. Rendering Shapes
12. Store Locator Widget
13. Stores Overlay

Map Basics

• Add Map

• InfoWindow Simple

Services

• Datasets Api - Using DatasetsOverlay & DatasetsService classes

• Directions Service - Advanced

• Directions Service

• Distance Isochrone

• Distance Matrix - Advanced

• Distance Matrix

• Map External Layer

• Stores List

• Stores Search Autocomplete API

• Stores Search

• Transit Service - Advanced

• Transit Service With Roadbook

• Woosmap for What3Words

Drawing Shapes

• Draw Shapes - Handling Events

• Draw Shapes

Events

• Handling Events

• Map Events

Geolocation

• Geolocation Api

• Stores Nearby Geolocation

Indoor Maps

• Indoor Directions Service

• Indoor Map Renderer (Explore configuration options)

• Indoor Map Renderer

• Indoor Navigation Widget

• Indoor Widget - Explore more widget configuration options

• Indoor Widget

Localities

• Localities Api - Autocomplete (Country restrictions, address type in suggestions)

• Localities Api - Autocomplete Requests

• Localities Api - Details (Autocomplete on postal codes with addresses)

• Localities Api - Details Endpoint

• Localities API - Shape

• Localities autocomplete and details

• Localities Geocode

• Localities JS API

• Localities JS Widget - custom description

• Localities JS Widget

• Localities Nearby POI

• MultiSearch Autofill Address Form

• MultiSearch JS API

• MultiSearch Map Advanced

• MultiSearch Map Simple

Markers

• Map Clustering with GeoJSON

• Map Clustering with Stores

• Marker Click Event

• Marker HTML CSS

• Marker Label

• Marker Simple

Map Styles

• Map Style Light Grey

• Map Style Transit By Night

• Map Style Point of Interest

• Map Style Retro

• Vector Map

React Map

• React Map Basic

• React Map with Localities

Rendering Shapes

• Render Shapes - Circles

• Render Shapes - Handling Events

• Render Shapes - Data Layer

• Render Shapes - GeoJSON data

• Render Shapes - Polygons

• Render Shapes - Polylines

Store Locator Widget

• Store Locator Widget - Baidu

• Store Locator Widget - Custom Filters

• Store Locator Widget - Custom Renderer

• Store Locator Widget - Events

• Store Locator Widget

Stores Overlay

• Stores Overlay Click Event

• Stores Overlay Query- Advanced

• Stores Overlay Query

• Stores Overlay

Was this article helpful?

Have more questions? Submit a request