DivIcon
Represents a lightweight icon for markers that uses a simple div
element instead of an image.
var myIcon = L.divIcon({className: 'my-div-icon'});
// you can set .my-div-icon styles in CSS
L.marker([50.505, 30.57], {icon: myIcon}).addTo(map);
By default, it has a 'leaflet-div-icon'
class and is styled as a little white square with a shadow.
Creation
Factory | Description |
---|---|
L.divIcon(
|
Creates a div icon instance with the given options. |
Options
Option | Type | Description |
---|---|---|
iconSize |
Point |
Size of the icon in pixels. Can be also set through CSS. |
iconAnchor |
Point |
The coordinates of the "tip" of the icon (relative to its top left corner). The icon will be aligned so that this point is at the marker's geographical location. Centered by default if size is specified, also can be set in CSS with negative margins. |
popupAnchor |
Point |
The coordinates of the point from which popups will "open", relative to the icon anchor. |
className |
String
| A custom class name to assign to the icon. 'leaflet-div-icon' by default. |
html |
String
| A custom HTML code to put inside the div element, empty by default. |
v0.1.830
- L.eeGeo.indoors.IndoorMap
- L.eeGeo.indoors.IndoorMapFloor
- L.eeGeo.indoors.IndoorMapEntrance
- L.eeGeo.themes
- L.eeGeo.marker
- L.eeGeo.popup
- L.eeGeo.polygon
- Event objects
- L.Map
- L.Marker
- L.Popup
- L.TileLayer
- L.TileLayer.WMS
- L.TileLayer.Canvas
- L.ImageOverlay
- L.Path
- L.Polyline
- L.MultiPolyline
- L.Polygon
- L.MultiPolygon
- L.Rectangle
- L.Circle
- L.CircleMarker
- L.LayerGroup
- L.FeatureGroup
- L.GeoJson
- L.LatLng
- L.LatLngBounds
- L.Point
- L.Bounds
- L.Icon
- L.DivIcon
- L.Control
- L.Control.zoom
- L.Control.Attribution
- L.Control.Layers
- L.Control.Scale
- Events methods
- Event objects
- L.Class
- L.Browser
- L.Util
- L.Transformation
- L.LineUtil
- L.PolyUtil
- L.DomEvent
- L.DomUtil
- L.PosAnimation
- L.Draggable
- L.IHandler
- L.ILayer
- L.IControl
- L.IProjection
- L.ICRS
- Global Switches
- L.noConflict
- L.version
Indoor Maps
Themes
Markers & Popups
Overlays
Events
Leaflet
Indoor Maps
L.eeGeo.indoors.IndoorMap
L.eeGeo.indoors.IndoorMapFloor
L.eeGeo.indoors.IndoorMapEntrance
Themes
L.eeGeo.themes
Markers & Popups
L.eeGeo.marker
L.eeGeo.popup
Overlays
L.eeGeo.polygon
Events
Event objects
Leaflet
L.Map
L.Marker
L.Popup
L.TileLayer
L.TileLayer.WMS
L.TileLayer.Canvas
L.ImageOverlay
L.Path
L.Polyline
L.MultiPolyline
L.Polygon
L.MultiPolygon
L.Rectangle
L.Circle
L.CircleMarker
L.LayerGroup
L.FeatureGroup
L.GeoJson
L.LatLng
L.LatLngBounds
L.Point
L.Bounds
L.Icon
L.DivIcon
L.Control
L.Control.zoom
L.Control.Attribution
L.Control.Layers
L.Control.Scale
Events methods
Event objects
L.Class
L.Browser
L.Util
L.Transformation
L.LineUtil
L.PolyUtil
L.DomEvent
L.DomUtil
L.PosAnimation
L.Draggable
L.IHandler
L.ILayer
L.IControl
L.IProjection
L.ICRS
Global Switches
L.noConflict
L.version