Markers and Bubbles

Markers can be rendered on the map, the most common is a bubble. Marker overlays are specified using the markerHoverTemplate attribute. <d3-geomap markerHoverTemplate="markerhovertemplate"> <fill name="MINE" color="rgba(255,215,0,0.95)"></fill> <marker name="Grasberg" latitude="-4.0310" longitude="137.0657" radius="36" fillkey="MINE" reserves="106.231" country="Indonesia" image="Grasberg_mine.jpg" ></marker> <!-- more markers --> <template id="markerhovertemplate"> <!-- HTML --> </template> </d3-geomap>

Demo

<marker> Attributes

Attribute Options Description
name string Unique name of region.
latitude float Geographic coordinate that specifies the north-south position. Ranges from 90 at the north, 0 at the equator, and -90 at the south
longitude float Angle east or west from the Prime Meridian, ranging from 0° at the Prime Meridian to +180° eastward and −180° westward
radius integer Size in pixels for the radius of a bubble
fillkey string Named fill to use
* any User specified data fields to be accessible in template