Map embed demo

You can easily embed a map in your posts. Here is an example,

So how do you embed a map like this in your own Jekyll post?

It’s easy. All you have to do is,

  • Go to Bing Maps and search your desired location.
  • Click on More.
  • Choose Embed a map.

And from the map embed customization page uncheck following,

  • View Larger Map.
  • Get Directions.
  • Click on Generate Code button.

You’ll get an HTML code like this,

     <iframe width="500" height="400" frameborder="0" src="" scrolling="no">

In the above code following is your map id,


Now you can embed a map in your post by inserting this code in it,

{% include map.html id="400&w=500&cp=52.192438262242455~-1.7097167968750004&lvl=16&typ=d&sty=r&src=SHELL&FORM=MBEDV8" %}

Easy, ain’t it?

 Date: July 10, 2021
 Tags:  map demo

⏪ Spotify playlist demo

YouTube video demo 2 ⏩