q
Mapbiquity FREE Web Mapping Online - Need a web map on your website but don’t have the time or resources? We will help you get one on there in minutes. Simply upload your data, make it look pretty, and then copy the code into your web page.
August 2019
M T W T F S S
« Jul    
 1234
567891011
12131415161718
19202122232425
262728293031  
Categories
Recent Posts
Archives
Tags
Adding a Web Map to a Blogger Post - FREE Web Mapping Online Services
Mapbiquity FREE Web Mapping Online | BUILD YOUR MAP AND GET THE CODE FOR FREE
Web Mapping Online
15773
post-template-default,single,single-post,postid-15773,single-format-standard,ajax_fade,page_not_loaded,,side_menu_slide_with_content,width_470,qode-theme-ver-10.1.2,wpb-js-composer js-comp-ver-5.1,vc_responsive
 

Adding a Web Map to a Blogger Post

web map

Adding a Web Map to a Blogger Post

With the help of @elliothartley and Amit Agarwal’s Add Javascript Code in Blogger Posts post, we worked out a way to add a Mapbiquity web map to a Blogger post. You basically have to force Blogger to accept a <script> tag. See Amit’s post for the details. Presumably for security reasons, Blogger will not initially accept these tags.

You will also need to add a bit of styling to place the map above blogger’s “click-blocker” and remove the styling blogger adds to images. We’ll eventually add this to the Mapbiquity code base so it’s seamless, but for now we’ll just have to use this workaround. Below is the code to add to your blog. You will obviously need to replace the <script> tag below with the generated <script> tag from your Mapbiquity account.

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<style>
#mapContainer img
{
   border-color: none !important;
   border-style: none !important;
   border-width: 0px !important;
   padding: 0px !important;
   margin: 0px !important;
}
</style>
<div style="height:400px;width:400px;">
   <div id="mapContainer" style="z-index:11"></div>
</div>
<script type="text/javascript" src="http://www.mapbiquity.com/MapScript/js?..."></script>
No Comments

Post A Comment