Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

MapmyIndia Map Example

Public visualization

MapmyIndia Map Example

0 stars1๐ŸŒ Public
SSriyaI
Last edited May 6, 2023
Created on May 6, 2023
Forked from D3 Starter

This example combines D3 v7 with the MapmyIndia (Mappls) API to render an interactive map of India. It initializes a map centered on [28.61, 77.23], enabling hybrid and zoom controls, and then loops through a hard-coded array of latitude/longitude pairs to place markers for ten major cities. The map uses the Mappls JavaScript SDK (`mappls.Map` and `mappls.Marker`) alongside jQuery, with D3 imported but not actively used for the visualization logic. The map is displayed in a large `<div>` occupying 80% of the viewport.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed