Embed Maps

Embedding maps on this website. Quick reference

Top level

[leaflet-map height=850 width=99% lat=22.6610714 lng=79.0024703 
zoom=5 zoomcontrol=1 scrollwheel=1 
attribution='Leaflet, © OpenStreetMap contributors and © Thejesh GN' 
fitbounds min_zoom="1"]

Marker

[leaflet-map lat=13.012151 lng=77.556674 zoom=15 zoomcontrol=1 scrollwheel=1 
attribution='Leaflet, © OpenStreetMap contributors and © Thejesh GN' 
 min_zoom="1"]

[leaflet-marker lat=13.012151 lng=77.556674]
Bangalore SkyScraper Dash[/leaflet-marker]
[leaflet-map height=500 width=99% lat=45.465428 lng=9.200020 
zoom=13 zoomcontrol=1 scrollwheel=1 
attribution='Leaflet, © OpenStreetMap contributors and © Thejesh GN' 
min_zoom="1"]

[leaflet-marker lat=45.465428 lng=9.200020]
Walking and Cycling in Milan[/leaflet-marker]

GeoJSON

[leaflet-geojson 
src="https://data.thejeshgn.com/geojson/bengaluru-craft-beer-walk.geojson" 
popup_property="description" circleMarker]

[leaflet-geojson 
src="https://data.thejeshgn.com/geojson/rtwa-7-lucknow-residency-bara-imambara.geojson" circleMarker]
<strong><a target="_blank" href="{link}"/>{name}</a></strong> <br/> {description}
[/leaflet-geojson]

GPX

[leaflet-gpx 
src="https://thejeshgn.com/blog/wp-content/uploads/2014/01/nandi_hills_cycling.gpx" ]
[leaflet-map lat=13.012151 lng=77.556674 zoom=15 ]
[elevation gpx="https://thejeshgn.com/blog/wp-content/uploads/2014/01/tata_world_10k_gpx-_2013_05_19_0733.gpx"
 summary="1"  
 time=1 
 polyline="{ weight: 3, }" 
 !legend trkStart=1 trkEnd=1 theme="lightblue"]

Combination

[leaflet-map height=850 width=99% lat=26.578702 lng=80.200195
 zoom=5 zoomcontrol=1 scrollwheel=1 doubleclickzoom=1 
 fitbounds=1 min_zoom=1 
 attribution='Leaflet, © OpenStreetMap contributors and © Thejesh GN']

[leaflet-geojson 
src="https://data.thejeshgn.com/geojson/roadtrip-with-appa.geojson" 
popup_property="description"]

[cluster]

[zoomhomemap fit]

[fullscreen]

[leaflet-gpx 
src="https://thejeshgn.com/blog/wp-content/uploads/2015/05/delhi_varanasi_delhi_sample.gpx" ]

Combination of Geojsons and GPX

[leaflet-map height=850 width=99% lat=24.246965 lng=74.750977 
zoom=5 zoomcontrol=1 scrollwheel=1 
attribution='Leaflet, © OpenStreetMap contributors and © Thejesh GN' 
fitbounds min_zoom="1"]

[leaflet-geojson 
src="https://data.thejeshgn.com/geojson/epic-drive.geojson" circleMarker]
<strong>{name}</strong> <br/> {description}
[/leaflet-geojson]
[leaflet-geojson src="https://data.thejeshgn.com/geojson/india-land-simplified.geojson" 
weight=2 color="#808080"]
[leaflet-gpx src="https://thejeshgn.com/blog/wp-content/uploads/2015/05/epic_all_day.gpx" ]

Combination of geojsons

[leaflet-map height=850 width=99% lat=28.655748 lng=77.240578 zoom=15 zoomcontrol=1 
scrollwheel=1 attribution='Leaflet, © OpenStreetMap contributors and © Thejesh GN' 
fitbounds="1" min_zoom="1"]

[leaflet-geojson 
src="https://data.thejeshgn.com/geojson/rtwa-1-roadtripwithappa-begins-delhi.geojson" circleMarker]
<strong><a target="_blank" href="{link}" rel="noopener">{name}</a></strong> <br/> {description}
[/leaflet-geojson]

[leaflet-geojson 
src="https://data.thejeshgn.com/geojson/rtwa-2-mathura-and-agra.geojson" circleMarker]
<strong><a target="_blank" href="{link}" rel="noopener">{name}</a></strong> <br/> {description}
[/leaflet-geojson]

[leaflet-geojson 
src="https://data.thejeshgn.com/geojson/rtwa-3-a-short-visit-to-fatehpur-sikri.geojson" circleMarker]
<strong><a target="_blank" href="{link}" rel="noopener">{name}</a></strong> <br/> {description}
[/leaflet-geojson]

[leaflet-geojson 
src="https://data.thejeshgn.com/geojson/rtwa-4-allahabad-and-visit-to-sangam.geojson" circleMarker]
<strong><a target="_blank" href="{link}" rel="noopener">{name}</a></strong> <br/> {description}
[/leaflet-geojson]

[leaflet-geojson 
src="https://data.thejeshgn.com/geojson/rtwa-5-varanasi.geojson" circleMarker]
<strong><a target="_blank" href="{link}" rel="noopener">{name}</a></strong> <br/> {description}
[/leaflet-geojson]

[leaflet-geojson 
src="https://data.thejeshgn.com/geojson/rtwa-7-lucknow-residency-bara-imambara.geojson" circleMarker]
<strong><a target="_blank" href="{link}" rel="noopener">{name}</a></strong> <br/> {description}
[/leaflet-geojson]

[leaflet-gpx src="https://thejeshgn.com/wp-content/uploads/2023/07/delhi_varanasi_delhi_sample.gpx"]

[fullscreen]

Links

  1. Leaftlet WordPress settings
  2. Styling Path using attributes like  'stroke', 'color', 'weight', 'opacity', 'lineCap', 'lineJoin', 'dashArray', 'dashOffset' 'fill', 'fillColor', 'fillOpacity', 'fillRule', 'className'
  3. Elevation Settings
  4. Cluster
  5. Grouping
  6. Elevation Parameter Settings
Do you like this post? Please rate, its just a click :) 1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...