ADS

News!! Showing A Google Custom-Map On Your Blog

This article is almost embedding custom maps made alongside Google maps into blogs made alongside Blogger.  However similar principles also apply to putting Google custom maps into other types of website.


Overview:

Previously I've described how to construct a custom-map inwards Google Maps.

Not alone does this add together together a visual dimension to your blog, it tin line out also last an first-class way of showing your progress on a journey, or describing your neighbourhood or the surface area that y'all lot weblog about.

That said, y'all lot should also slice of chore the Location tags inwards posts, hence that the posts themselves every chip adept every chip the map shows your status.


If y'all lot are using Google custom maps, hence i fourth dimension y'all lot convey created a map, y'all lot can:
  • Email a link to the map to other people:  when they click on the link, their web-browser opens Google Maps, together with shows them them map
  • Put a link to the map on a website:  when a viewer click on the link, their web-browser opens  Google Maps together with exhibit them them map
  • Embed the map into a website:  when the web-page loads, the map (including zoom-tools, scrolling, etc) is displayed.

How to to link or embed a Google custom map:

Log in toGoogle account that y'all lot used to practice the map.

Make a new map, or click "My Places" to run across the listing of maps y'all lot convey made.

Select the map y'all lot wish to link to.

Click the "Link" item:  it's at the mitt of the left-hand sidebar, beside the print icon.

Influenza A virus subtype A new panel opens exactly underneath the Link button.:


If y'all lot wish to part the map past email, or past linking to it on a website, hence copy the code from the top entry inwards the panel, which is labelled "Paste link inwards electronic postal service or IM".

However if y'all lot wish to seat the map itself into your blog, hence DON'T exactly re-create the code from the item labelled "Paste HTML to embed inwards website".

Instead, click Customize together with preview embedded map.

This opens the map inwards a new window, where y'all lot tin line out preview the actual zoom-level that testament last used, together with also pick a criterion map size of a custom one.

Choose the settings that y'all lot wish - including scrolling upward together with downward slightly, hence that the correct surface area is shown.

Copy the HTML from the window at bottom of the screen.  (Make sure as shooting y'all lot direct ALL the code that's inwards the box: on many systems alongside happens if y'all lot seat the cursor inwards the box together with press Ctrl/A)

Put the copied HTML into your blog -  y'all lot convey several options for doing this.



Related Articles: 



Making a custom-map inwards Google Maps

Putting 3rd political political party HTML into your blog

Copyright, Blogs together with Bloggers

Subscribe to receive free email updates:

ADS