Tuesday, June 3, 2014

WordPress and Google Maps

-In this article we will get closer with Google Maps service application provided by Google. It's coded in JavaScript and XML and it's available on desktop and mobile edition. It's user-friendly mapping technology where you can get all available infomations and directions with just few clicks of the mouse. After all it can serve you as driving direction which is one of the most common use of Google Maps and also as trip planner or even the current traffic situation.
-Google Maps covering all continents, countries, administrative regions, cities, etc. World Route Planner and Maps will also provide users with time zones and daylight map, giving you accurate informations for your travels or curiosities. And last but not least we have Google Street View where you can take a look on places you never seen before like Statue of Liberty, Pyramides and other places by your choice. Though Google blurred people faces and license plates for secutity and privacy reasons.
How to add Google Maps in WordPress
-If we want for any reason to add Google Maps in WordPress there is several ways to do so. So lets explain how to manually add Maps to WordPress and by manually i mean embedding Google Maps in WordPress post. First we need to visit Google Maps and make a search with desired location (just type location by your choice like street address or whatever that fit your needs). It's best that you wait for map to be fully loaded before proceding to the next step. When map is fully loaded check for gear icon in bottom right corner and click it.

You will be presented with option share and embed map. Select that option and popup window with embed code will appear. Select and copy code to clipboard (code begins with <iframe). Now go to your WordPress and navigate to section where you want to add Google Maps (post or page). Now open text editor and paste code directly into your post or page. Save your work and first thing you will see that code was changed and thats because WordPress converted HTML code into working code.



 

No comments:

Post a Comment