About Avi
hCard/vCard
Subscribe to the Google Maps Plugin feed and receive updates and info about new releases.
Please consider any donation to keep the good work on this pluginThis software will let you easily render Google Maps anywhere on your blog as a web service. It also includes code for easy integration with WordPress blogs, but what the code does best can actually be used with any other blog system or plain web page.
This plugin will let you easily create from simple maps with one marker and a text balloon, to complex multimarker maps with hypertext balloons as this page.
Installation on WordPress Blogs
Install it as any other plugin (unziping plugin files under [WORDPRESS_ROOT]/wp-content/plugins directory and activate it in WP Plugins admin tool). Then go to the Google Maps API key signup page, get an API key for your website, and install it in the plugin’s admin page under Options.
Creating Simple Maps
This is the easy part.
- Go to Google Maps, find the spot you want to show, select Map, Satelite or Hybrid view buttons, double-click on the most important point on the map to centralized it, and define the zoom factor you want.
- On the left-top corner of the map, click on the “Link to this page” link, and copy your browser’s location to the clipboard. You can do the same for complex maps created on the My Maps section of Google Maps website.
- While creating the post, select the text that will be displayed on the map marker, and create a link with it.
- Paste the map URL on the Link URL field, and on Title write “googlemap“.
- Continue editing your post and publish.
You are done. This example will render a map like this (don’t forget to click on the marker to see the balloon):
This will be a map’s marker text with an image.
Passing Parameters
You may have noticed that on the Title field above we used other commands. In fact you can use the following switches, separated by “;” to control the way the map will appear in your site.
- googlemap
- Instructs the plugin to transform this link into a Google Map area. If not used, the plugin will not work on the link and you’ll get a plain link to the Google Maps site.
- nocontrol or nocontrols
- Renders a map without the zoom and scale controls
- nomarker or nomarkers
- Renders a map without the marker with the information balloon.
- w:SIZE_IN_PIXELS and h:SIZE_IN_PIXELS
- Defines the size of the map area in pixels.
- w:PERCENT% and h:PERCENT%
- Defines the size of the map area relative to full width and height.
Since other plugins may use the title attribute, you can also put these commands in the rel attribute and activate this functionality in the plugin configuration dialog.
Some examples for the Title (or rel) field:
- googlemap
- Renders a map with controls, marker an default sizes, as specified in the plugin’s admin page, under WP Options.
- googlemap;nocontrols;w:300;h:200
- Renders a 300×200 map with marker but no zoom controls.
- googlemap;nomarker;nocontrols;w:100;h:100
- Renders a small 100×100 map without marker and zoom controls.
- googlemap;nomarker;nocontrols;w:100%;h:300
- Renders a maps that fills the full width available with a 300 pixels height, without markers and zoom controls.
Creating Complex Maps
This procedure requires some HTML knowledge, but will let you create maps with multiple markers, and results as good as on this post.
The proccess consists of creating a definition list (<dl> XHTML element) of a center point and markers with their text balloons.
Learn by example. Pay attention to the following complex map, and select all its markers to see the text inside their balloons:
- Center of map
- map
- Center of São Paulo
- map
- Flea market
- map
- Traditional market
- balloonless marker
- map
- Japanese town
It was generated by this (X)HTML code:
<dl title="googlemap;w:100%;h:400"> <dt><a href="http://maps.google.com/?z=15&ll=-23.550887,-46.631985&om=1">Center of map</a></dt> <dt><a href="http://maps.google.com/?ll=-23.550592,-46.633122">map</a></dt> <dd><strong>Center of São Paulo</strong></dd> <dt><a href="http://maps.google.com/?ll=-23.547563,-46.631041">map</a></dt> <dd>Flea market</dd> <dt><a href="http://maps.google.com/?ll=-23.54535,-46.627693" title="marker">map</a></dt> <dd>Traditional market</dd> <dt><a href="http://maps.google.com/?ll=-23.54715,-46.637263">balloonless marker</a></dt> <dt><a href="http://maps.google.com/?ll=-23.555195,-46.635547" title="marker">map</a></dt> <dd>Japanese town</dd> </dl>
So the structure must folow these rules:
- Create a definition list (<dl>) and put map-related commands and parameters on title= attribute as specified above.
- First definition term (<dt>, first green line) must contain only a link to Google Maps site, to define its center and other map parameters. The text for the link is ignored when a map is generated, so use a text like “Center of Map” so people accessing your posts outside your blog (for exemple, through feed readers) will have a clue what is this link for.
- The rest is a pair of terms and definitions (<dt> and <dd>) with the marker position (as a Google Maps URL) and the text on the balloon respectivelly.
- You can create a balloonless markers specifying only a <dt> without a <dd>.
- Whatever you put inside the <dd> block will appear inside the balloon. Put links, images, lists, tables, etc.
Using Google My Maps or KML and GeoRSS maps
You can use Google My Maps service to create and manage colorfull markers, paths, regions and the text inside the balloon, and simply use the “Link To This Page” link to embed the map in your page as described above.
The plugin will use the KML-exported version of your map to create the balloons, markers, regions and paths. Simply exaplained, KML is XML dialect that contains all meta information of your maps: markers positions and images, line colors, balloon texts, etc. You can create KMLs with tools like Google Earth, Goole Maps or even using a plain text editor. GeoRSS format is also supported but can’t be used for paths, regions and markers colors, only plain geographical positions.
The good news is that you can embed KML-maps from any source, and not only from Google My Maps. You can upload a KML file to your web server and pass it to the plugin to render it. Here is an example on how to do it in a more advanced way:
<dl title="googlemap;w:100%;h:400" id="my-wonderful-map-with-kml"> <dt><a href="http://maps.google.com/?z=7&ll=-23.550887,-46.631985&om=1">Center of map</a></dt> <dt><a title="kml" href="http://my.server.com/spots-on-the-farm.kml">markers</a></dt> <dt><a title="kml" href="http://my.server.com/spots-on-the-beach.kml">more markers</a></dt> </dl>
This example will render a map centralized on geo position -23.550887 -46.631985 and overlay it with two KML specifications: spots-on-the-farm.kml and spots-on-the-beach.kml. Note the required title=”kml” parameter that indicates to the plugin that this is KML or GeoRSS overlay and not a plain marker position.
Positioning and Style Possibilities
To have better control over the map positioning and overall look, you can manually edit the HTML code while posting, including style and class attributes. Find the <a> or <dl> tag for your link and use this examples to get some clues:
- <a style=”float:left; width:300px; height:300px;” title=”googlemap”
Renders a 300×300 map floating on left of the paragraph. See example. - <a class=”photo” style=”float:right;” title=”googlemap”
Renders a map with default dimensions floating on the right of the paragraph, with style class photo, that in my theme defines some margins and borders. - <dl style=”visibility: hidden;” title=”googlemap”
Using style=”visibility: hidden” will make the browser hide the map definititon text while loading the page. Seconds later, when the plugin renders the maps on your page, the hidden blocks will finaly appear as maps.
The HTML attributes id=, style= and class= you specify will be inherited by the generated map.
In addition, a CSS class called map will be added to all maps, and to all balloons a CSS class named balloon will be assigned. This way you can define your own style for these elements.
Troubleshooting
Some common problems people have, and solutions.
- Map does not appears or appears on a different geo location
Make sure the Google Maps URL you are pasting is correct and complete. A correct URL must have the following parameters: ll= required to define latitude and longitude for center of the map or a marker, om= option to show or not the overview map on bottom-right, z= required to define the initial zoom factor, t= option to define if map is plain, satellite or hybrid, msid= required if you are pasting My Maps from Goole Maps website.
- Problems with &
You should not have problems with & chars being modified by the WordPress editor. If so, it means you are working with complex maps. Yes, WordPress WYSIWYG editor sucks a little bit. So if you are working with complex maps, you should switch to the plain text editor. You can’t just open the post editor in WYSIWYG and select the plain text editor after that. The mess was already done. You will have to edit your profile under Users->Your Profile and deselect the “Use the visual editor when writing” options when you edit that post. Once it is saved you can reselect it again.
- Grey area instead of markers, or simply don’t have markers
Google Maps API uses a lot of CSS style to render its maps on your page. This problem is caused by a conflict between CSS needed by Google Maps and your page or theme defined style. Use Firefox’ DOM inspector to drill down into your document structure until you find the markers XHTML nodes. Then switch to CSS Style Rules mode on the inspector, then select a rule that was defined by your theme, on the top-right box, then delete “background-” related properties on the bottom-right box, one by one, until the marker appears. This will indicate you which property you have to delete from your theme’s or own style.css file.
- Problems displaying the map on IE7
I still don’t know what is the problem here. I rarely use Windows nor IE, so I can’t reproduce it. This is probably caused by the same CSS conflict above. If you can correctly see the map on this page with IE7, indicates that the problem is specific to your page and related stylesheets. You must debug your CSS styles.
No WordPress ?
If you use other blogging systems, or just want a simple way to create maps on your pages you can still take advantage of this plugin.
Download the plugin, unzip, install its content somewhere on your server accessible from the web. Then edit the HTML source of the pages you want to render maps, find the <head> block, and include the following code inside of it:
<!-- Google Maps Plugin (begin) --> <!-- http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html --> <!-- Google Maps API --> <script src="http://maps.google.com/maps?file=api&v=2.x&key=MY_API_KEY" type="text/javascript"> </script> <!-- Google Maps Plugin logic --> <script src="http://my.site.com/path/to/plugin/googlemapsPlugin.js" type="text/javascript"></script> <!-- Google Maps Plugin initialization --> <script type="text/javascript"> //<![CDATA[ MapPluginInit( /* Default maps width */ 500, /* Default maps height */ 300, /* Use rel instad of title? */ false); //]]> </script> <!-- Google Maps Plugin (end) -->
Change the red parts to fit your needs. Every page containing the above block will be able to render simple and complex maps as described.
About
This plugin was inspired on Macdiggs Google Maps plugin, but was completely redesigned, rewritten, has much more functionality, made more user friendly, has cleaner code and is more standards oriented. The former Macdiggs’ plugin will not receive updates anymore so this is the plugin you should be using.
Awesome!! ’nuff said.
[...] Avi is on a roll! He’s just released an Inline Google Maps plugin. [...]
Google Maps Plugin…
If I save my blog in UTF-8, the “&” will become “&” and the plugin fails…
[...] 剛剛在「ijliao
[...] Inline Google Maps è un plugin per WordPress che consente di inserire una mappa di Google tramite un link in un post come questo. [...]
This plugin do not compatible with FancyToolTip,
because FancyToolTip will parse “title” attribute to “fancytooltip” attribute, so this plugin will not work.
So, I modify the code to use “rel” attribute of link:
http://www.goston.net/2006/11/13/647/
Goston, I understand. But the link creation dialog on the post editor won’t give you an easy way to put controls. Using the rel attribute you’ll have to manually edit the HTML.
To have a single strong plugin, I propose to add an option to the admin dialog to let the user choose wether to use title or rel attribute.
I’ll accept a patch from you to implement it, or I can do it in a few days.
Thank you.
ijliao, how it exactly fails ?
Hi, Avi:
If user can choose title or rel attribute will be great!
In fact, I add a button in quicktag.js called GMaps. Give it a url (like link button), it will generate
<a href="url" rel="googlemap">xxxx</a>for the user.but i don’t know how to do this via plugin…
Goston, check the plugin code.
Look for a function called googlemaps_optionsSubpanel().
Change the HTML code there to include a checkbox, and follow the examples there to see how to save the option on the DB.
If you can send me an update, I’ll review it and release a new version.
Tell me more about this quicktag.js file. Did you change it directly on WP source code, or is it possible to make in a more modular way, in a plugin level ?
[...] 目
Hi, Avi:
I have had send a update version to you.
I add a button on post editor named “Google Maps”, press the button give it url and location description then all code will be generate.
Review it, please.
Hi Avi
It doesn’t appear to be working either on this page, or on my test site - I was using macdiggs version 2.0 earlier today and upgraded to 2.1 when it didn’t seem to be working (map not showing on his page either) and now I am using your version 3.1. Maybe Google have changed their API without notice?
Thanks for neatening it up. Cool.
Upekshapriya, did you use the correct API key for your site ?
Do you have a post with a map on your blog so I can see it failing ?
Hi Avi
What a weird combination of circumstances!
I wasn’t seeing the map on your page because I have NoScripts
extension installed in Firefox and had forgotten to enable your site!
However I have found that there seems to be a conflict with WP-UserOnline 2.05 from
http://www.lesterchan.net/portfolio/programming.php
which was the last plugin I remember installing - I deactivate it and hey presto the inline Google Map appears again!
Well that is interesting to find out.
Thanks for getting back to me.
Does anyone know the name of the wordpress plugin that creates a list of your posts in a category instead of just displaying them one after the other? I want it so that when someone clicks on a category they just get a list of posts from that category.
I'm sure Ive seen one…and sifting through the WP site is a nightmare
Hey, thanks, and it works great! Is there any easy way to get the default “Directiond to here / from here” behavior in the bubble?
Holmes, I’m sure there is, but I’m affraid not with this simple plugin.
Hi Avi,
unfortunately this does not seem to work with my blog.
Could you please have a short look?
http://www.hartmutkremer.de/2006/11/18/bettmeralp-were-going-skiing/
Thanks a lot,
Hartmut
I can’t seem to get mine to work at all. I signed up for the google key, and aren’t sure what i’m doing wrong…
http://marylandcycling.com/?page_id=9
Nick, you are using rel=”googlemap” buth have disabled the use of the rel attribute. Either enable it in the admin interface or make your link have a title=”googlemap”.
Hartmut, everything seems correct in your page. Don’t know why its not working.
Thanks for your help. I finally figured it out - I did not upload the folder googlemaps into the plugin directory, just the two files. So when it was calling on the javascript it wasn’t loading it!
http://marylandcycling.com/?page_id=9
thanks!
I think a cool feature would be to select or somehow only have the code show up on certain pages, that way everyime every single page loads its not waiting for the google maps server to respond.
Works great though!
I retested it with an US link (instead of Switzerland) and it worked!?
抓 3.1 版以後的就
[...] 之
Is anyone else having a problem with the google maps being shown in Firefox? It looks great in IE, but won’t show up in Firefox. Am I missing something?
[...] Google Maps Plugin for WordPress Plugin interessante para quem precisa indicar locais. Seria uma boa para o Goitacá. (tags: ajax Google Maps plugin WordPress GoogleMaps) [...]
[...] Avi Alkalay has updated his plug-in to add inline Google maps to WordPress posts. [...]
[...] Google Maps Plugin for WordPress - Coloca o Google Maps em qualquer lugar do seu Blog. [...]
[...] http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html [...]
hi avi
i’m stumped… have been unable to get plugin to display maps at all. tried regenerating api key several times, turned off all plugins, reverted to classic wordpress template, set utf-8 encoding, default permalink structure, without effect. could you possibly take a look and see if you can determine what i have clearly missed here
thanks much!
– joyce
Joyce, interesting. I just discovered a bug in the plugin, but you can work around it easily.
The plugin will not work with the defult map that appears when you just enters the Google Maps website - and this is the map you re using for testing. I’ll try to fix that in near future.
Just go to Google Maps website, move the map a little bit, or go to a specific location you want and copy the link as described by the instructions.
I debugged your page. Everything else is OK. It will work.
Regards,
Hi Avi,
I’m trying to use your plugin and not having success. I’ve looked at the problems that others have had and tried to solve it myself, but I still seem to be doing something wrong.
I’d love any input. Thanks,
Test post: Baseball Cities Tour
[...] Avi Alkalay :: Google Maps Plugin for WordPress Excelente plugin para WordPress que permite inserir um Google Maps de maneira nunca antes tão facilmente conseguida (tags: goglemaps maps google plugins ajax wordpress plugin) [...]
測試Google Map Plugin：新竹交通大學浩然圖書館…
這是從Google所
xaevrzlsijo…
lkuzuvbeqo nrumpjmsee hsfpquhcb oljayhhplk …
One thing that stopped it working for me which I fixed is not having in my header template.
must always appear before the tag for this plugin to work.
Avi, this looks like a great plugin, and I am impressed how it works when it works, but I am having the same problem as some of your other users below: it’s just not working! Please take a look at my test page and let me know if you see what I may be doing wrong.
Hi Avi,
This plugin looks great, but I am having trouble getting it to work. I’ve been through all the comments and suggestions here and not been able to get it. Could you take a look please at this test post and let me know what I’m doing wrong: http://designninjas.com/2006/12/06/google-maps-api/
Sean, I debugged your page but couldn’t see anything wrong.
Maybe your API key is bad ?
Maybe you use some other plugin that also manipulates link attributes? Try to deactivte them for a while.
Maybe you should try using the rel attribute instead of the title. Check the page for details.
Misty, your problem is the Snap plugin.
Google Maps and Snap both manipulate links attributes.
Try to not deactivate Snap but configure Google Maps plugin to use the “rel” attribute instead of the “title” attrib. Instructions on the page.
Otherwise you’ll have to deactivate Snap to see maps being rendered.
Hi Avi,
Thanks so much for the quick response. I tried using the rel command and that didn’t seem to work either. It must be the Snap plugin like you said, but now I have to decide which one I want more. Thanks again for your help with this.
Avi — Thanks for writing. I’ve tried everything you suggested. I used the rel attribute, generated a new API key, deactivated *all* of my other plugins, even switched themes, but the results are the same. The map simply doesn’t display. I appreciate the attention that you’ve already paid to this. I will just keep an eye on your site and watch for future updates. It looks *really* good when it works, so I look forward to resolving this in the future.
Ok I have found a problem which will cause the map to show or not to show.
When you click create link sometimes the link Google maps differ. One link will cause the map to show while another link will not.
Here’s query one.
Here’s query two.
Both of these are the exact same street address. One shows and one doesn’t.
Hone, I checked both links out and indeed I couldn’t see a difference.
You should use Firefox, use the error console, clear it, and reload the page to see if you get some errors.
What I want to do on my blog, is every few hours take the oldest post and move it to the
front of the queue, all automatically. Anyone know if there is a plugin that can do this or
a simple way to set up another plugin to do this (use my own feed perhaps)?
Thanks.
[...] Have been playing around with some wordpress plugins for google maps, so that when we go away I can have a map style blog to show where we have been etc. This is just a test post for one of the Plugins (http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html) [...]
Hi again,
I had given up on this plugin working at one point, but spent some time with it and I got it working. Let me explain what I did so that it may help solve other problems.
I followed the instructions as written, but would always end up with a link in the post and NO map. I edited the html code for the link and replaced the beginning of the link all the way up to the “?”.
I changed it FROM: “http://www.google.com/maps?” TO: “http://maps.google.com/maps/geo?”. Then I saved the post. The next time I looked at the page, the link was replaced by the map.
hope it helps.
[...] For my own use, I’m combining the new Google Maps Plugin with the excellent WP-AddQuicktag plugin. This lets me have a button to click that adds the options I most commonly use for maps, and makes it easy to change them when I need to. If, like me, you never use the WordPress rich text editor, I’d recommend this method, as otherwise you’ll have to edit the link the plugin creates.[2] [...]
i am a student
[...] http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html [...]
Thanks Sethr. I was unable to get working and used your url changes and now it works great. Not sure how you discovered that but saved me lots of time. I changed it FROM: “http://www.google.com/maps?
Hi! Great tool. Yet it kills my javascript menu - it does no longer expand/collapse (like slashdot menu). Would you be so kind to have a look: http://service.miejsca.org/
I guess it must be ‘onload’ function conflict…
Is it possible to make the plug-in work with a google map link looking like this
http://maps.google.com/maps?q=xx.xxxxxx+xx.xxxxxxx
Where the X’s is the coordinates. When i try it now, it jusnt show anything…?
Sweepe, no.
By default the plugin will look for “ll=lat,long” in the URL.
A “q=…” attribute may have any kind of text (e.g. a city name), so the plugin can’t proccess both attributes, ll and q.
Anyway, this request went into my wishlist for next versions. So I’ll review it in the future.
Well… Ok, Thanks for that reply.
Its because im going to a place where i only can use e-mail to update my blog, so i am not able to go to googlemaps.com to get the URL. Do you know any way i can get your great plug-in to work then, when the only thing i have is the longitude and latitude…
Thank you in advance!
Use URLs like this:
http://maps.google.com/?z=12&ll=12.34,-20.52
z= sets the zoom factor.
ll= sets the latitude and longitude.
Using “ll=xx.xxxx,yy.yyy” is the same as using “q=”.
I want to see your site when it will be working.
Dont know why mine is not working properly. Can you take a look please?
http://www.syracuseacacia.org/get-directions/
Thanks
Is there a way to put a link inside the information balloon?
Dean, I guess so, but you’ll have to manually edit your post and put an < a > tag inside the original < a title="googlemap" >.
Thanks for the quick reply but could give me an example of how to do that. I have been trying and it breaks. I was using the original plugin (Macdiggs v1.1) and it had that option of putting links in the balloon.
Thanks I appreciate your help
[...] 找到一個 Google Maps Plugin for Wordpress [...]
[...] Hier wohne ich! Diesen Beitrag habe ich auch mal in der Kategorie “Spielereien” veröffentlicht. Dort wird es dann in Zukunft ein bisschen was Technisches, aber auch Kurioses aus dem Internet geben. Für die Blogger: Das Plugin könnt ihr hier finden. [...]
[...] 之
[...] 之
Hi! Why I can’t fill my info in profile? Can somebody help me?
My login is Kisakookoo!
G’day Avi,
http://pano.com.au/blog/2007/01/20/testing-google-map-plugin/
Thanks for the fantastic plugin. I love the way it’s working on your site. I’m trying to implement the plugin to show place for virtual tours I’ve shot. I can get it (sort of) working in IE, but nothing in FF. The map & text labels are distorted vertically so something is messing with it.
I’ve tried ‘rel’ and ‘title’, I’ve disabled basically all plugins, disabled all ajax front end stuff etc, but nothing changes. I’ve used the ‘maps’ & ‘maps/geo’ urls etc. Here is the code I’m using at the moment:
Here’s the hill with the sculptures.
Another quick question: I don’t know how you’ve got your maps to display with no controls at all. I’ve been trying to do the same thing, but no luck. I’ve looked at your map code & it appears the same. Any ideas on that front? I don’t want all the controls on the small window I’m showing, they cover everything up.
Any help would be much appreciated.
Thanks,
Aaron.
Aaron, your blog is unavailable right now, so I can’t analyze it.
To remove controls you just have to do <a title=”googlemap;nocontrols“… as described in the page.
Let me know when your blog is OK again. I want to have a look.
Thanks Avi,
I had ‘nocontrol’ instead of ‘nocontrols’ which is stoopid of me. I’ve also tracked down the other problem (mentioned by a couple of others in the comments) the K2 theme. Google maps doesn’t work properly with K2. Clashing .css means you get no images, just a grey background in FF + a 13px offset here & there, and in IE you just get the 13px offset. There is a work around though, you can find it here:
http://code.google.com/p/kaytwo/issues/detail?id=179&can=2&q= - last 3 threads.
Thanks again,
Aaron.
[...] I got the plugin from Avi Alkalay. You can download the plugin here and follow the very easy onscreen instructions of how to install this brilliant feature. It does involve signing up to Google but altogether thie whole process took me about 10 minutes. [...]
Shit happens, is it?
Hi Avi,
Is it possible, with your plugin, to set multiple maps markers on a single map?
Thank you!
Marco
Hi Marco
With the simplicity described in the post, no.
But, using the plugin, plus simple JavaScript calls, you can do that.
I have to update the documentation to teach users how to do that. But I can’t do it in the next month.
Hoorah - after an early hiccup I got this working a treat. The hiccup was that you DO need to use a maps.google.com address (it failed with the same map using maps.google.uk and I read below someone had the same problem with a swiss map)
THANKS
I would like to display my hiking tracks in a map on my site. My GPS device (Garmin) and MapSource can produce .gpx files. Would it be possible to refer to a .gpx file on my server to generate the map ? How can I do this ?
–
Jaap
[...] Grazie al plugin GoogleMaps per Wordpress è possibile inserire nel proprio blog visualizzazioni interattive di Google Maps, impostando anche la posizione, lo zoom e il livello di interazione permesso all’utente. Download e istruzioni in questo post: Google Maps Plugin for WordPress [...]
Hi there!
Man, your plugin is awesome! It’s very easy to use, and I really like it.
But I have a little problem, and I was hoping you may help me. In IE, my maps I’ve set up in my blog, do now show up. In Firefox everything is ok! I can’t explain that, maybe you can. Thank you!
Here’s the blog:
http://www.csvd.ro/panoblog/
Jaap, I don’t know.
I don’t think the Google Maps API support GPX files.
it does not work for me…
http://www.dozarte.com/buongusto/veneto/ristorante-xviii-secolo/
(the link is “mappa”)
ok, I got it: it works only with links from the international version of G.maps!
bye
I use a domain like buongusto.dozarte.com and I get an error message when I visit the site because the API key is registered fot http://www.dozarte.com; is there a way to remove the code from some pages to avoid this error?
[...] But if anyone reading is interested it was done with Avi Alkalay’s Google Maps Plugin for Wordpress. [...]
Hi The above looks great but I can’t find the link to the download and the link on wordpress plugin database is broken.
Version 4.0 is out, completely redesigned and rewritten, more efficient, and with new capabilities.
New version can render complex maps, with multiple markers and hypertext balloons.
Having problems with this plugin with Firefox. For example this map appears OK in IE but in Firefox the Google maps controls show but there is nothing but grey where the map should be. There are no js errors. Can you help?
Thanks for this excellent plugin!
To me it seems there is a little bug: if your Wordpress article starts with the link to the map, your map will only be shown on the full view mode of the article. Only if the first word of the article is not the link to the map, I got it to show the map even on the homepage.
All best - Peter
Version 4.1 was just released. Updates:
- Consolidation of complex maps with <dl>
- Support to balloonless markers
- Added scale control to maps
- Correct inheritance of HTML attributes as id=, class= and style=
- Maps are now generated with somee standard CSS classes: “map” and “balloon”
[...] doch prima! Man muss nur das Wordpress-Plugin Inline-Google-Map runterladen, installieren und die Google-API eingeben. Danach reicht ein normaler Link im Artikel [...]
Bodenseepeter, it works for me.
Great plugin, just what I needed to help illustrate my forthcoming travels.
Have managed to get the simple map working in a few minutes: http://cjw.me.uk/?page_id=29
But no matter what I try I just cannot get the complex map working: http://cjw.me.uk/?page_id=53
I am running version 4.1 of your excellent script, and WP2.1.
I have checked the syntax again and again but to no avail, any help much appreciate.
Kind regards
Christopher
Chris, I can see maps on both links you provided.
Works for me.
this plugin is exactly what i was loking for. it’s great that you’ve made it public and it’s very nice from you giving free support.
i am trying to publish a complex map on this website http://openserver.cccb.org/blockboosters/?page_id=5
the map looks good, but i haven’t been able to make the marks appear. maybe you can check what’s wrong?
Ignacio, thats because you copied my example that had some problem with WordPress and its handling of the ” “ ” char.
You can try fixing the ” “ ” on the code you copied.
I can make the complex maps work fine in my post on my home page: http://www.globaljourney.net/index.php/2007/02/28/our-upcoming-sailing-trip/
But i cannot make it work on one of my more static pages:
http://www.globaljourney.net/index.php/last-known-location/
This is the code, I am using:
Last Reported Location
February 23st, 2007 10:30AM EST
Any ideas?
Matt, try to edit the Google Maps URL, replacing “& amp ;” by “&”.
The WordPress editor thinks he is too smart and use to make changes on what we edit.
Avi-
Thanks for the reply. I actually tried that already
I’ve deleted the old page and created a new page and that didn’t resolve the issue.
Are there any relevant DB entries other than the Page itself? What about cacheing?
Here’s the new page:
http://www.globaljourney.net/index.php/last-reported-location/
It’s crazy, b/c it seems to render the map, but google’s images aren’t displaying.
I tried switching from title to rel, but that didn’t work.
Also, I had a previous version of 3.0 or 3.1 installed prior to 4.1 and it worked properly, but I couldn’t get the complex map to work on 3x
Here is the map with your URL:
Center point
I don’t know why its not working for you.
Complex maps will only work on version 4.0 or newer.
hi
your tool is exactly the one i was lookin for.
just one thing - is it possible to change the marker - like
http://www.google.com/mapfiles/dd-start.png for the beginning of my route
and
http://www.google.com/mapfiles/dd-start.png at the end of my route
so people can follow my hollyday trip and see where my start and end point was.
where do i have to change it - is it possible?
thx niko
Is there a way to colour the markers as per gmapez2?
Thanks.
Niko and Cal, these features are not implemented yet, but I have them in plans.
All will be easier when the Google Maps API will support reading of KML files. Currently only the Google Maps website (but not the API) supports it.
Ok - Thanks.
Hey Avi,
I’m having troubles similar to Matt Heitzenroder above. I am just trying to do a simple map the frame for the map its self shows up. Yet the Map doesn’t.
Here is the example of the problem
http://www.deerlodgepaintball.com/map/
I have tried changing API keys, switching the amp &’s for &.
I’m open to any other suggestions?
Here is the code im using (this code is strait from the example on your sight!) lol
Map PlacementAnd this is the original one i’m trying to get to work.
http://maps.google.com/?q=Township+Road+562+%26+Range+Road+84A,+Lac+Ste+Anne+County,+AB,+Canada&sll=37.0625,-95.677068&sspn=47.617464,82.265625&ie=UTF8&z=9&ll=53.83146,-115.155945&spn=1.116814,3.47168&om=1&iwloc=addrAny light you could shed on this would be greatly appreciated.!
T
hi thx for the fast answer
I found this on the google API page
class GMarker
A GMarker marks a position on the map. It implements the GOverlay interface and thus is added to the map using the GMap2.addOverlay() method.
A marker object has a point, which is the geographical position where the marker is anchored on the map, and an icon. If the icon is not set in the constructor, the default icon G_DEFAULT_ICON is used …..
more under
http://www.google.com/apis/maps/documentation/reference.html#GMarker
niko
Theron, look at the source of your post and you’ll see what you did wrong.
You used a wired URL for second map. Besides, the ll= parameter contains strange Unicode chars that confuses the maps algorithm.
Yes Niko, I have a draft on my mind on how to implement it.
[...] just installed Inline Google Maps for WordPress, which looks like a cool way to show you where we’ve been hiking and travelling. So, [...]
[...] who are more technically minded, further instructions on customizing your map can be found here: Google Maps Plugin for WordPress This entry was written by Mr. Montgomery and posted on March 6, 2007 at 9:04 am and filed under [...]
[...] Google Maps - Allows you to embed a Google map within a page or a post. You can customise the size of the embedded map and the language used etc. Its nice and easy to integrate - you just find the location on google maps, zoom into the required size and click “link to this page” and enter this into wordpress. You will need a google maps API key to use this. [...]
[...] quoique pas tout à fait. Et voilà, cela m’a donné l’occasion de tester rapidement le plugin Google Maps pour Wordpress. Tags : plugin, google, map, [...]
Hi Your plugin is great, and Google maps are excellent. problems is I’ve just adopted WordPress, installed the plugin, got it to work, used a different theme, added more plugins… need I go on? The plugin doesn’t work anymore, and I need it. What do I do?
Max, disable plugins one by one while testing a page containing a map. This way you’ll isolate the problematic plugin.
Another way is to configure Google Maps plugin to use the rel attribute instead of title, then change your maps code and put the “googlemap;w:….” command in rel=”" instead of title=”".
The plugin works scanning all <a>s and <dl>s looking for title=”googlemap”. Other plugins change this field too. This is why you get some conflict.
Released version 4.2.
Fixed a bug that prevented multiple complex maps to be rendered on same page.
Nice plugin, it works just fine with me if using one location, but when trying your example of a complex map I can’t get it to work.
On my test site I have deactivated all plugins and it only shows the small map at the lower right hand corner.
Example: Places
Where am I going wrong?.
Avi,
Thanks for seeing what my old eyes was just overlooking.
All is working as designed.
Hi Avi.
I’m using geopositions plug in, and that’s where I got my Google API from, to use with you plugin.
I’ve tried, both by deactivating geopositions and keeping it on.
It doesn’t work
This is the url of my blog, and the post is geneve airport. No map displayed.
http://haero.com/blog/
Big ups from Chamonix.
Andre, you are using the “rel” attribute to issue the “googlemap” command, but your plugin is configured to use the “title” attrib.
I know this because I looked in your source and found “MapPluginInit(300,200,false);”. If you want to use “rel”, the last should be “true” and not “false”.
Either activate the use of “rel” instead of “title”, or move the “googlemap” command to the “title” attribute. The use of “rel” was created to avoid different plugin clashes. But “title” is prefered if you don’t have this situations.
Hi Avi, thanks for the prompt reply.
As you can see from the code on http://www.haero.com/blog, i’ve set it back to title as you said, but the map is not displaying at all.
Now, I could try to set to true the use of MapPluginInit(300,200,false); if only I knew how to edit my blog home…I know, it’s sad, but I’m kind of new with Wordpress.
I’ve been trying to find a way to edit http://www.haero.com/blog, but I just can’t succeed..
Sorry for the silly question, IMHO too many things on the wordpress project are taken for granted. I mean, it could be more user friendly for bits and pieces.
Yours is a great plugin, I can’t wait to have it working on my blog!
This is what Nick did,
“Nick says:
2006/11/18, 11:43
Thanks for your help. I finally figured it out - I did not upload the folder googlemaps into the plugin directory, just the two files. So when it was calling on the javascript it wasn’t loading it!
http://marylandcycling.com/?page_id=9
thanks!”
I did the same, uploaded the whole googlemaps folder and it replaces the image now.
It shows the layout of the map, but no map yet!
Getting there though!
Andre, your GMaps URL was encoded.
Replace all “&” by a plain “&”.
[...] Google Maps - Allows you to embed a Google map within a page or a post. You can customize the size of the embedded map and the language used etc. Its nice and easy to integrate - You just find the location on google maps, zoom into the required size and click “link to this page
[...] Google Maps Plugin for WordPress (tags: wordpress plugin) [...]
Hi Avi, I’ve tried to do that.
When I post, it’s all “&”, but when I display the page source of my blog home, it replaces the “&” with “&
Andre, this is not natural, but try to switch to the non-visual editor on your user preferences.
Another thing to try: start over again from the begining of your post.
Although, I’m changing the & in the html code of the post, into an &, somehow it doesn’t seem to take it.. is there a trick on doing this?
I suspect this is the reason IE cannot show the page..
Please help..
Hi, maps are looking better, though there is a possible conflict with the anarchy media plugin. I’d like to try the rel attribute option, and have ticked the rel option box and used;
Content
and found that with “title” the map still renders, with the rel line as above I just get a clickable link to google maps.
Have you an example of the ‘Creating Complex maps” using rel that I could refer to?
Thanks
Max, for simple maps based on <a> you can use rel=”googlemap”.
For complex maps based on <dl> you should still use title=”googlemap” (even if you selected to use rel=). There is no rel= attribute defined for this XHTML element. And these conflicts happen only on <a> elements.
[...] Google Maps Plugin for WordPress 的關係，還是 Google Map [...]
Avi,
Great plugin - thanks a lot for your work.
I do most of my blogging while I’m travelling and upload my blogs by either GPRS or WiFi when I can find access. I have set up the code as a snippet in my blogging software and just enter the co-odinates of my current position form my GPS. This works well with my test posts. Is there any code that I can enter to make the map appear as a satellite image by default rather than the basic map?
Thanks.
[...] Cool, she works, need to add some styles. This one was done with Avi Alkalay’s Google Maps Plugin for Wordpress. [...]
Bruce, yes.
To create satellite maps, you have to add one more parameter to the Google Maps URL: t=k (for satellite only), t=h (for hibrid maps).
So these are the Google Maps URLs to display Rio de Janeiro respectivelly in plain map mode, satellite and hybrid:
http://maps.google.com/maps?z=12&ll=-22.951438,-43.195152&om=1
http://maps.google.com/maps?z=12&ll=-22.951438,-43.195152&om=1&t=k
http://maps.google.com/maps?z=12&ll=-22.951438,-43.195152&om=1&t=h
Good luck in your trips and map blogging !
Hi Avi, this is a really handy plugin! I’ve posted a map in our website, and it seems to work fine in FF. However in IE 5 I get a runtime error on line 31 of maps2.75.api.js which when I debug seems to be the line:
function Ub(a,b){if(a.innerHTML!=b){wc(a);a.innerHTML=b}}
Any idea what might be causing this? I’m using the Emire theme, and I’ve tried turning off my other plugins.
Thanks for the help!
Avi,
Great plugin.
I’m doing some testing with it on my site and it is also showing a Javascript error in IE 7. This site shows the error also on Line 32 Char 43.
The maps still work but any idea how to get rid of the error?
I’m seeing something like this http://www.europeanparty.com/screenshot_writing.gif as my editor and link button. How can I get the insert link dialogue box (and graphics for the eidtor controls) that you have to show?
I have the same javascript problem with IE 6.x. Same line, 32. It is so difficult to debug this errors with the stupid explorer! It works great in FF though.
Any idea? I am going to take a look at the Js code, but if someone that already knows this plugin could give us a clue on where to look …
Your plugin is exactly what I’ve been looking for now for some time! Thank you! Do you have a PayPal donate button anywhere, I’d love to offer a donation.
For future version, I have a couple of recommendations:
1) The ability to have the author hide the map div on pageload and then have the plugin “unhide” it when ran. For some reason on my web site the DL information shows for a couple of seconds and it would be nice to hide this.
2) The ability to have a simplier way to maintain a multi-location map - maybe a admin page? If you would like assistance with this, I would love to help!
Thank you again!
Thanks again for this wonderful plugin. I am using it for a complex map of free hotspots around the Lake of Constance: http://www.bodenseepeter.de/wlan
[...] outros posts populares incluem o de download de música, o do Google Maps para WordPress, e o do tema do meu blog. « IBM no Oracle Open World [...]
Josh, thanks for offering money contributions. I don’t have this in mind right now. Seeing you having fun with this plug-in - as fun as I had writing it - is far better than money
Your first suggestion is great and I’ll figure out how to implement it soon.
About second, this would add a considerable amount of complexity, a separate system and DB tables to manage map data. I can’t handle this right now.
When you’ll have them, let me see some non-testing maps rendered on your blog. Consider this as the donation
Great plugin.
I have a problem though.
Marker shows up in FF, but not in IE.
OH every Saturday between 1-5. 1025 Magnolia, Placentia, CA 92870. - John Ta 714 932 8594
Here is the page:
http://www.johnta.com/realestate/open-house-schedule/
WP 2.1.2
MISTYLOOK THEME
PLUGINS installed:
Advanced Search
Akismet
Custom Query String
Inline Google Maps
Quick SMS
WP-Sticky
WP Lightbox 2
Version 4.3 released.
yunguyo-puno-peru
hola como estan toda la bateria seria de miraflores
Hi, still doesn’t work. I pasted it inside the reply and the marker still doesn’t show up on this page either.
Thanks so much ahead of time for your help.
Hi, Avi.
Thanks for your great plugin!
I have the same problem of jt. Maps on my site show up in Firefox, but don’t show in Explorer. This happen since I’ve upgraded the plugin to version 4.3 from 3.x (I can’t remember the correct version number!).
Thank you in advance!
Marco
hi avi, strangely the maps display very ugly on my site (marker don’t load, etc.). See http://www.helge.at/google-maps-test/ - do you know what i did do wrong?
Peace people
We love you
Is there a simple of specifying the maps icons, like a choice of colours? or if I designed my own adding them to an icon folder with a url to that image?
Fantastic, great stuff. Love it. got it working like a charm.
I have installed the plugin (as well as the original plugin that this one was inspired by)
I have activated it and added my API key. Post has been created and all I get is a hyperlink. No inline map. I even cut and pasted the code right from your site and still nothing.
Can you help me figure out what I am missing?
Here is my test post:
http://www.baldheretic.com/2007/04/09/inline-google-maps/
Jay, you are not using my plugin on that post !
This hurts my feelings very bad !
Just kidding…
You forgot to set the title=”googlemap” on the link. Without this you won’t get maps.
Reread the explanations on this page and pay special attention to this image (because this is what you are missing):
BTW, this plugin is much improved compared to Maccdigs’ and the new version will support easy construction and management of very complex and colorful maps.
I am using your plugin now and it works! Thank you!
I have the same problem JT is having.
The pushpin shows up in Firefox, but not in Internet Explorer….
i was also having trouble getting the map to show correctly in IE. i had only one parameter in the title box, which was ‘googlemap’. i tried using ‘googlemap;nocontrol’ and it worked. obviously the controls didn’t show up, but the marker and the hybrid map appeared the same way in firefox.
i still keep getting a javascript error though.
hi avi, could you have a look at http://www.helge.at/google-maps-test/ and see what i did wrong..? i tried coping code that works here and elsewhere, no success :-((
Helge, you are experiencing a CSS incompatibility between your theme’s style and what Google Maps API expect.
You have a CSS class named “.contentwrap img” with a “background-color: white” that makes the markers to be white. Just delete this entry and they will reappear.
For those who can’t get this great plugin working with their K2-scheme, Brent Logan has the solution:
http://blogan.net/blog/2007/03/10/google-maps-plugin-works-with-wordpress-k2-theme/
Good to know people are solving problems while using it
The plugin is extremely simple, it only replaces some HTML elements and fires standard Google Maps API methods.
All visual problems I have seen happen because of CSS conflicts between the page the map is embedded and what Google Maps API and its created elements need.
BTW, the plugin is being improved. Next version will let you create a complex map with many different markers, lines, polygons on the My Maps section of the Google Maps website, and simply paste the URL for it to the plugin to get that complex map on your page. The Google Maps website will work as a maps manager and builder for your maps, that will be embedded in your site. Pretty cool.
This is a nice plugin, and I had it work on another Wordpress blog a couple of months ago. No I can’t get it working on www2.skiforeningen.no. The Google API key is correct since I sticked it in in your testpage.html part of the distribution and tested it there.
The blog page it is not working on is
http://www2.skiforeningen.no/2007/04/16/visning-av-google-kart-i-en-bloggposting/
It is in Norwegian, but the magic link is the “Google Map” anchor at the bottom of the posting. The Javascript does not seem to run/pick up the a-element with the magic title attribute. Any idea why?
I’ve disabled most other plugins, and also tried with your Soleil theme, but the same happened.
Steinar, a Google Maps URL must contain the “ll=” parameter. This is the basic information the plugin needs to get the locations.
Your URL doesn’t have one. You must copy the URL from “Link to this page”, since it is specially formed of all elements needed to build a map: location, zoom, overview map, map type.
Try again and you’ll make it happen.
Thanks Avi! I begin to understand, this was extremely useful to know! You should probably include what you are saying into your plugin documentation. Note that there are many situations where Google won’t give you an URL with ll-parameter when you ask for the permalink. For instance if the map is your default map location in GMaps (which my example was). Another example is where GMaps was given an XML file through the q-parameter. Try this one
http://maps.google.com/?q=http://www.skiforeningen.no/markadb/gmap_tour.cgi?id=82
and then get the permalink for this page before zooming and panning. It turns into
http://maps.google.com/?q=http://www.skiforeningen.no/markadb/gmap_tour.cgi%3Fid%3D82&ie=UTF8&z=14&om=1
All which is needed is to zoom or pan any tiny amount, then the permalink always will be compatible with your plugin.
Steinar, thats true. I need to add a section to explain the anatomy of Google Maps URL.
BTW, your nice KML constructions will be supported in the next version of the plugin. You’ll be able to easily embed maps based on KML info.
Hi all!
G’night
Avi, this is good news! When is the next version of the plugin scheduled? The ability to render readily formatted KML data will be VERY useful indeed. I kind of hoped to be able to use the plugin this way:
1. User uploads some GPS data through a standard web form
2. File is stored separately from WP data, but tied to users WP-account
3. All portal/blog users can browse all uploaded files and click links to render them in GMaps/Earth
4. These links include a script (q-param) which converts the file on-the-fly to KML (using GPSBabel)
5. User retrieves the permalink from Google and uses your plugin as before if he wants to have the GPS tracks rendered inline in a blog posting
This will open for functionality like that offered by http://www.wikiloc.com or http://www.tierrawiki.org.
But any way of providing the plugin with the KML file will of course be ok.
Just to say that the K2 fix on the blogan website works a treat. Took me a while to find it reading through your comments, but was well worth it. Thanks for providing such good support.
Cheers
Jane
http://blogan.net/blog/2007/03/10/google-maps-plugin-works-with-wordpress-k2-theme/#comment-48132
Hello,
I have installed the plugin and followed your instructions to integrate a google map into a posting. But the google map will not appear in the post only the link.
The test post is under
http://www.ferienwohnung-schliersee.com/2007_04_20/google-map-schliersbergalm-wanderung/
Does your plugin need others plugin to function?
Regards
Optos, you took a map link from the “My Maps” section. This will work in a few days, but its not now.
You need to use a regular map link, those ones that look like:
http://maps.google.com/maps/?z=14&ll=34.15,43.51&om=1
Optos, you took a map link from the “My Maps” section. This will work in a few days, but its not now.
You need to use a regular map link, those ones that look like:
http://maps.google.com/maps?z=14&ll=34.15,43.51&om=1
Thank you for your fast reply. This explains much. Do you have to adjust your plugin or is it on google to adjust her links?
I have changed the link and now the google fram appears but it’s all grey. I have checked the API key several times. Do you have an idea what it could be ?
http://www.ferienwohnung-schliersee.com/2007_04_20/google-map-schliersbergalm-wanderung/
Regards
This is the best map plugin i’ve installed. But have problem with IE 7, runtime error on line 32 char 43. in the map link i think.
ciao
okay, so my version of wordpress doesnt ask me for a title!
thats not so much of a problem, but when i put title=”googlemap” into the tag, it still doesn’t show a map.
well, at least i can go for a definition list. more code, but works.
has anyone got a clue why the link wouldn’t work?
and what is the reason i cannot show a route like on the google maps homepage?
You will be able to show a route, as in Google Maps site, in the next version of the plugin, when it will support rendering from KML files.
… the marker isn’t visible in IE 7, In Firefox is ok.
ciao
Avi, you’re the best
I just hope you’ll have the next version running when i will be going for my half-europe-crossing bike tour!
I’d Love to display the daily routes on my blog!
Anyway, thanks for the plug and keep it up!
Giuseppe, I don’t have IE7 to test your page, but when I use other computers I saw several blogs with this plugin rendering wonderful maps.
Check this post on my blog, with your IE7, to see a complex map. You will probably see all markers.
People having this problem usually have a blog theme with CSS that conflicts with what Google Maps API needs. This is usually related to bad image backgrounds etc on your blog’s theme. This is easy to debug and fix with Firefox’ DOM inspector.
What is the URL of your testing page ?
thxs Avi,
page where is th map:
http://www.soveratonews.com/mappa-soverato/
yes i’ve readed all your post, and read about css problem, but can’t find the problem on the css of my site theme.
your page ie rendered 100% ok on IE 7
ciao
@anonymous i’d like to see your europe road trip, share your url
Hello,
I have problems with the default kubrick theme and the inline google maps plugin. When the googel map is displayed I have only a grey area.
http://www.ferienwohnung-schliersee.com/2007_04_25/test-von-inline-googlemaps/
I have tried other themes like dKret2 2.3 and wordpress classic in both themes the map is correct displayed.
Do you have a hint what is going wrong ?
Thanks
@Giuseppe
the URL is http://www.kingtonga.com/
the problem is, i post in german. BUT if i had more requests, i would change to english.
think i will put a poll on the blog.
problem with polls is, it shows how little interest your blog generates
@Avi
Sorry for only posting my URL on your board, wont happen again
If it makes it better: I left you a credit on my first post!
I also did a trackback to http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html
but i think i didn’t exactly get how trackbacks work…..
Optos, edit your theme’s style.css file, look for the style for “p img”, and remove the “max-width: 100%” line.
The map will appear, but I don’t know about other consequences of this action.
This theme is incompatible with the Google Maps API.
@Avi
your homepage http://www.alkalay.net have a popup window that want a new google api key!
@anonymous
1 man 1 vote;-)
ciao
I want a complex map. Where do all these commands go? I have a simple working but I don’t understand where to put the commands.
Avi,
the problem begins seems to be here:
amp
the same is for optos
ciao
Avi,
the problem begins seems to be here:
amp
the same is for optos
ciao
Avi,
the problem begins seems to be here:
@guiseppe
saw your vote and laughed a lot. sorryly my blog and my poll didnt quite get any big attention, yet. maybe i have to write a cool plugin for wordpress, like avi did
Maps work very well thanks, just a bit of a learning curve! Just an idea, but would it be possible to integrate the ‘weather icon’ plugin with the maps, to show the current weather (icon) at a specified location on a map?
Max, next version of the plugin will let you put any icon in the marker position, including weather icons.
But these will be static. They won’t change dynamically as weather changes. For that you’ll need to write an AJAX application using Google Maps API and a couple of other web-services from other weather information providers.
Hello Avi,
I’m having the same problem as Guissepe (and a couple other users), where the push-pin shows on firefox but not on IE. I inspected the page with both the Firefox DOM Inspector and IE7’s DOM Explorer and found that on IE the DIVs that are supposed to contain the markerTransparent.png, markerff.gif, marker.png and shadow50.png images are empty. Could you please double check and see what might be causing this?
Thanks.
Hello Avi,
You replied to me saying that you could see my map perfectly… I replied asking whether you were able to see the push-pin in Internet Explorer (6 or 7)… but haven’t heard from you… Any ideas?
I can’t see the push-pin on IE6.
I don’t have IE7 to test.
Compared to Firefox another difference I saw is the hand cursor: on FF is an open hand, while on IE is a closed hand.
Here is your map outside your blog. I just copied your HTML tag, pasted it here and closed the missing anchor tag.
Sgt. Splatter’s Project Paintball
You need to close your anchor tag. Maybe this is the problem.
With IE7 there is only the link on your site Avi, while on Minusfive site the map is visible without the marker.
The hand are the same of FF, but was always closed after you close it the first time.
ciao
Hi, I really appreciate your work on this plugin. I am having one little issue, the map does not appear in IE 7. Appears in Firefox just fine as well as safari on a mac. On IE 7, you just see a link with the url to the map. Any ideas?
I just realized, I can see your maps in IE 7. I have tried with the default theme (Kubrick) as well with no luck.
Hi Avi,
How long until the next release? I can’t wait!
Andy, hope to have it until the end of the week.
Will the new release fix the issue with IE 7? Or is this an IE 7 issue (wouldn’t surprise me). Thx.
Google Maps 和台灣的街道地圖…
大家都知道 Google Maps 很早以前就可以看台灣的衛星照片，但是一直沒有街道地圖，最近 Google Maps 也把台灣的街道地圖也加進去了，還蠻詳細的，以後可以在直接在遊記中標示地點了，如 台中…
Congratulations for your plugin but nothing appears on my website. I tried everything but only the link appears. Could you help me ? I would like to list the free wifi hotspots in Marrakech…
http://caryl.aquaray.com
Thanks in advance…
Thank you very much !
I didn’t really understand why it works now, but I took your advice and it works great. I’ve just “re-center” my map and everything is ok…
So my new url is http://www.caryl.fr….
Now, I’ll try to integrate a complex maps with testing free wifi hotspots in Marrakech.
I’m waiting for you in Marrakech whenever you want !
Very great plugin,
Thank you
hi, avi –
i used this plugin sucessfully, thanks!
i wanted to know — where is the image for the markers on the googlemap stored? is it possible to change the marker image?
cheers
Hi Sarah,
In my site, i.e. in the page http://www.secondome.com/locali-di-secondome-20/, I’ve changed the icon marker, but I had to insert directly new code in the plugin files.
You have to edit the file “googlemapsPlugin.js” in the plugin directory and there, you have to find the row:
MapData.prototype.addMarker = function(point,markerHTML) {there, before the row:
var marker = new GMarker(point,icon);I’ve inserted this code:
var icon = new GIcon();icon.image = "http://";
icon.iconSize = new GSize(32, 32);
icon.iconAnchor = new GPoint(0, 31);
icon.infoWindowAnchor = new GPoint(29, 2);
Of course, you have to replace “http://” with the path of the image marker you created.
In this case, the size of the image I used was 32×32 pixels.
Bye,
Marco
With just a few modifications it’s possible to display individual Maps generated with the “My Maps” functionality of Google Maps.
Take a look at
http://www.absurde-zeiten.de/inline-google-maps-fuer-individualisierte-google-maps/
where you can find the patches.
Have fun,
Mario
Great plugin, thanks.
I too am having issues with IE7 with the marker not showing up. The inset map in the bottom right corner of the main map also does not show up in IE 7.
Works fine in Firefox both Mac and Win.
I have read all posts here but can’t find a definitive answer on how toi fix this in IE7. It seems quite a few of us are in this boat.
Does anyone have the fix?
Released version 5.0 of Google Maps Plugin. These are the improvements:
- Added support to embed multiple My Maps and custom KML maps.
- Methods documentation.
- Updated homepage to explain how to embed My Maps/KML maps.
- Included a troubleshooting guide on the homepage.
The only thing I get is the link, I don’t get the map in my post.
I’m using WP 2.1.2, and I have tried the “rel option” instead of the “title option”. Does anyone have an idea how to fix this problem?
Thanks a lot for your plugin, and thanks also to Mario for your help on the My Maps point!!! Moreover, I see that Avi has updated his plugin and provides detailed explanation! Great!
(except with Internet Explorer 6.x)
Now, Inline Google Maps wordpress plugin is working properly with My Maps function on my website
http://www.atomicskate.com/2007/05/12/upcoming-rollerskating-session-by-night-may-16th/
Does anyone have this working with the K2-theme? When I select the K2 theme, it doesn’t work.. With the standard-WP theme, it DOES work..
Ah.. It was a javascript problem with their AJAX-search.. Just turn it off and you’ll be fine..
But when I use my own map (with the new feature), he still makes a marker in the centre of the map (besides the markers that are in my “My Map”.. How can I turn that off?
Hi Avi,
probably the issue with IE6 and 7 was the name of the post/page.
If the name look lake the-map the map is displayed correctly but if the name is the%20map map don’t work good on IE6 and 7. Hope this can help you or someone for a fix.
thxs
giuseppe
in my blog, I don’t have Inline Google Maps, just General, Writing, Reading, Discussion, Privacy, Permalinks, Miscellaneous. No there Inline Google Maps, how I get it ? If I must download, please step by step
please help me, because I’m newbie
Hi Avi!
Thanks for your comment on my website
I’ve modified my stylesheet and now everything is perfectly displayed inside the balloons.
I have one more question for you (or other people!):
As you said, a CSS class called “map” will be added to all maps, and to all balloons a CSS class named “balloon” will be assigned.
I’m aiming to limit the size of the balloons.
For instance, if the size of the map area is 500px, how to define a 400px max width for the balloons?
I’ve tried some tricks in my stylesheet, but it doesn’t work…
If you have any idea and time to help me, I’ll appreciate it.
Atomicskate, balloons generated by a KML will not receive a this extra class.
This is because its not the plugin that generates them, but the Google Maps API itself.
Thanks for your fast answer Avi!
Ok, next time I’ll read carefully documentation about Google Maps API
Hi Avi,
try open in a WYSIWYG editor the HTML of map page that don’t work in IE and you see how different the url is build.
This is on my page:
and this is yours:
I’ve tested other site with the map don’t show marker and is the only difference i see.
thxs
ciao
giuseppe
Hi Avi,
try open in a WYSIWYG editor the HTML of map page that don’t work in IE and you see how different the url is build.
This is on my page:
and this is yours:
I’ve tested other site with the map don’t show marker and is the only difference i see.
thxs
ciao
giuseppe
Sounds all great, but it won’t work on my site with WP 2.1.3. I tried to create a new page with a maps link as described on your page - I just see the link but not the map. I set the API key and everything. Do you know what went wrong?
http://www.farfromrainydays.com/t/
Thanks!
There is some not implemented in your .js on line 520 character 4
ciao
giuseppe (V 5.0 installed)
I’d like to add webcam links in my Google map, and this isn’t a problem. What is potentially a problem is their effect on page loading times. If I create a link to a webcam within a pop-up on a map, can I make the image appear within that window using javascript?
Max, anything should go inside the balloon. Any HTML.
I never tryied that, but I’ll be very happy to know that you successfully included Javascript code inside a Google Map balloon.
Let me know where is your map page.
Released version 5.1 with some fixes:
- Fixed an IE diversity on the window.onUnload property, as noticed by Giuseppe.
- Removed the handling of the useless sll parameter from GMaps URL.
Hi Avi
re the webcams embedded in my google map, they are on my page ‘About Us’ on my site (address supplied). A guy who has done some of work on my site says there is something about this on the Google API. I’m reading up on ajax at present, but am by no means proficient. He says:
Hi Max,
It seems to me you don’t really need ajax, you just need to replace some sort of marker with the tag when a map marker is clicked. Briefly looking at the google maps API page
(http://www.google.com/apis/maps/documentation/#Event_Listeners), it looks like you need to use the GEvent.addListener() function:
var map = new GMap2(document.getElementById(”map”));
GEvent.addListener(map, “click”, function(overlay, point) {
if(overlay) {
//this is called when a marker is clicked on, so you should check here for a webcam url and replace it with the tag
}
});
If you could explain any changes I have to make, or have plans to include this in an update, I’d appreciate it.
Max
Max, I saw your map and looks like you already pasted webcams in several markers.
Isn’t it working already ?
BTW, the tip your friend gave you is automatically happening already. When you define some text to be included in the balloon the plugin will basically do what your friend said.
Hi Avi
the map works fine with the webcams, what I was concerned about was the load time, which seemed slower with the webcams.
Max, it shouldn’t be slower.
Map construction is not related to the content of the balloons.
Maybe it takes more time to display, but this delay should not be more than some unperciveable milliseconds.
Thanks for this plugin, this is great! I’m going to bicycle 10.000 through Australia and New-Zealand and i’m using your plugin to record the route we travelled per day.
The only thing is that the route won’t show up in Internet Explorer 6 & 7, it works perfect in Firefox. I understand that this had to do with a div in the css, but I can’t figure out how to fix it.
You can view an example here: http://www.erikkok.nl/lfv/route/may/14/
Note that the waypoint does show up.
Any help would be greatly appriciated!
Thanks, works like a charm! Now I can put the locations I went to in Thessaloniki (Greece) onto my blog.
@Sebastian,
try this:
install last version 5.1 (if not).
built your map on google my maps, then save KML and add it to your map page as Avi
says How to
Mappa Soverato
have your same problem and that fix it.
ciao
giuseppe
Excuse me, @Erik not @Sebastian
ciao
giuseppe
Hello,
trying to use the plugin here and having some issues.
can you take a peek and see if you see anything wrong here
http://www.sandiegocrime.net/2007/05/19/auto-theft-investigation/
@giuseppe,
“try this:
install last version 5.1 (if not).
built your map on google my maps, then save KML and add it to your map page as Avi”
I’ve installed version 5.1. What exactly do you mean by “built your map with Google Maps”? I build my .kml or .kmz with Google Earth, upload it to my server, in Google Maps I go to the url of my .kmz and then use the “link to this page” button.
@Erik
built the map here:
K2 Theme have some problem with the google maps. Tip: search K2 inside this post.
You have incorrect javascript, try debug it with Internet Explorer.
ciao
giuseppe
Hi Avi,
Thanks for the great plugin! I had to change wordpress themes and use the DOM inspector to get the map to work, but I finally have it (mostly) working. I have both markers (with links to posts) and some KML tracks displayed that I recorded with my GPS bike computer. Here is my map page:
http://ephemerica.com/map
A couple of questions:
1) Is there a limit to the number of markers/KML tracks that a map can display? If you look at the source code, you can see that I have 11 KML tracks entered, but only 8 show up on the map (you have to shift the map slightly to see Baja California). I have tried to enter more tracks, but they stop displaying on the map. I am pretty confident that the links and code are valid (you can check them here: http://ephemerica.com/gps).
2) Is there a way to change the color that google maps uses to display the KML tracks? The default blue color isn’t really eye-catching.
I should mention that in my testing thus far, the KML tracks only show up in Firefox (both Mac and PC) and not in IE6 or Safari.
Thanks for all your work!
Matt
@giuseppe
Thanks for your help, but i got the same result. Everything works in Firefox, but not in Internet Explorer. Only 1 waypoint is showing up (I made a route, a shape and 2 waypoints).
Matt, there is no limit in the number of KMLs on the plugin.
The plugin will read all KML link you provide, put on an array and makes GMaps calls to make them display.
Maybe there is a limit in the GMaps API, but I never tested to this level.
I don’t know why it doesn’t work on IE. There is no descent debugging tools for IE. At least I don’t know how to use it. And I’d like to have the help of some IE specialist to find this problem.
BTW, I can see all your markers on IE6.
And I can’t differentiate from markers and KMLs on your link.
Very strange…
All of a sudden it does work on IE 6 & 7! I didn’t change anything. I only removed all my old pages with a route on it (wich where all tests) and made 2 new ones with the same code…
Example: http://www.erikkok.nl/lfv/route/may/19/
Very cool, thank you. I tried different Google API plug in and this was the easier to install, configure, and use.
The markers are the usual red teardrop shapes, where the KML files are rendered as a blue line. In Firefox, I can only see the blue line in the top part of Baja California, but the blue lines should go all the way down to Guatemala.
Okay - I spoke too soon! This might be good for some of you other IE users. For some reason, you need to wrap the code to display the map with div tags. You don’t need an ID or a Class, just wrap it. It will work fine then
On another note, for some reason I get a red marker in the middle of my map, which represents the link from the AHREF tag I’m using to display the Google KML map. Avi, any ideas?
I really should try first! Okay, solved that problem too. Just needed to add “nomarker”.
At least I solved the IE7 issue!
Josh, I don’t know why it works, but wrapping the anchor link within div tags solved my problem. I now have this working for the K2 theme in both Internet Explorer and Firefox. IE6 is even displaying hybrid mode and the markers!
Thanks! (Can you tell I’m excited?)
Example here.
YIPPIE!!! It was really getting to me that IE didn’t work correctly - go figure!
Do I need to have a Google Analytics Wordpress plugin activated as well to have the and display marker info?
Google have added ’street view’, so not to be outdone, a trial of 3D images will be added to my map. Will there be an update for this, i.e. Google software to make the 3D images for upload…?
Hi,
thank you for your wonderfull plugin!
I have a problem whith it when I activate at the same time the highslide plugin (http://projects.jesseheap.com/all-projects/wordpress-highslide-js-plugin/). It seems to come from an incompatibility with the script highslide.js. Does anyone have this problem? When highslide plugin is activated, the google map doesn’t show up!
Thanks for your help
Hi Avi
Thanks for a nice Plugin!
I have it up and working after some editing of the CSS. Still I have a problem with text running outside the info ballons (if there’s more than 3 lines of text). I think you gave a fix for that to “Atomicskate” but I can’t find it. Could you please help me out?
Carsten
Great plug-in! I’ve been looking for something like this for some time. It’s so easy to use, that even a newbie like me could figure it out (with some luck
)
Thank you very much!
Hi Avi! Hi all!
I have a question concerning http://ditu.google.com
As in China http://maps.google.com doesn’t provide any map, but just satellite view, my purpose should be to use a KML layer (using a file or a Google MyMaps) over a ditu.google.com (or another Chinese map provider) map.
Concerning Google Ditu URL parameters, it seems that they are the same.
For instance:
http://maps.google.com/?ie=UTF8&ll=31.24216,121.490593&spn=0.073824,0.137329&t=k&z=13&om=1
and
http://ditu.google.com/?ie=UTF8&ll=31.24216,121.490593&spn=0.073824,0.137329&t=k&z=13&om=1
One of the blocking point should be the Google Ditu API…
Some pages about that and Google Maps / Ditu / and so on… in China:
http://chinagooglemapsapi.blogspot.com/
http://iwfwcf.blogspot.com/
http://www.step1.cn/kml/top.htm? (they already did a kind of overlay with http://51ditu.com)
http://www.asyncode.com/maps/chinamap.html
http://www.52maps.com/googlemaps.asp
http://maps.baidu.com
Any suggestion is welcome
Thanks!
PS: Concerning your problem, Carsten didn’t give me a fix, he has just advised to edit and modify correctly my CSS stylesheet
Help? I couldn’t find where IE 6’s problem is? Shows up fine in Firefox …
http://w3.xs.edu.ph/?page_id=105
I have a lot of conflicts with CSS probably, so much that with IE I see only the first map, and with firefox too I can’t see the FLAG/pointer in all maps, and with DOM inspector I can see only this last if I cancel about all bacrgorun properties..
I’m sorry, but it is better if I try another plug in with less problems probably..
http://www.scaleroma.net/
Atomicskate: Thanks for the reply. Did Avi tell you where in the stylessheet to edit?
see, I am not sure where the size of the textballons are defined…
Matteo, switching plugins probably won’t fix CSS problems because they have nothing to do with the plugin.
It is related to the map generated by the Google Maps API. Since maps will be the same, with same style, the problem will persist.
Carsten, the balloons are created with autosize.
When created as a complex map - but not with KML - balloons will have style called .balloon. You can try to fine tune this CSS style to see what happens.
By the way, check this map, with far more than 3 lines of text on each balloon. I used the complex method to build it. Check its post source.
Hi Avi, I am quite new to this so this is likely a dumb question:
I have done some editing in the CSS of my theme, but I do not find the “.balloon”
I guess I am looking in the wrong place….?
here’s the map by the way http:www.naja-nivi.com/?page_id=6
Avi, thanks for taking the time to look into this.
I cleaned-up the code as you suggested, and now it works! (I did, however, still have to put in two empty lines after the text to make the balloons with 3+ lines get big enough..).
Thank you again for sharing your expert knowhow like this - it’s quite unike and an example to us all.
Carsten
Hi Avi
have tested a beta version of a 3D ’street level’ view on a google map. Currently haven’t made it work in a ‘pop up’ yet. Have done searches to work a solution and possibly picasa web may offer an option to create 3D images sometime in the future. There is some good software to make the images. What do you think about adding a view to your plugin..?
Attention:
Users with an installed “Link Indication” plugin
have to set no style class for the search term “maps.google.de”!
Carsten, FYI, I’ve just added the following code in my CSS stylesheet:
div.map {
color: #000000;
}
div.map a {
color: #ff0000;
}
If you have other recommendations, please share it
This on is great.
Thanks a lot for this plugin.
Hi, can you control how the maps show data and control the map itself? for example, can you only allow it to reduce to a certain size, or to show a marker in a general area, but not at a specific address(or hide the address)?
This sounds a little odd. I just had an idea for a prank site and have been trying to figure this out.
Mark,
Yes, if you program directly the Google Maps API.
No, if you use the plugin.
See, this plugin was made to help people with no programming skills to create simple and (to some extent) complex maps. If you need specific advanced functionality, using the raw Google Maps API will be a better and more flexible solution.
Hi Avi
I have set up the plugin and a page with a map but it just takes me to the kml of the map
http://www.alpinebreak.com/blog/2007/06/19/col-du-granon-to-briancon/#more-25
any ideas what i have done wrong?
hi
canyou take a look to this page?
http://www.truccoprofessionale.it/dove-siamo/
i’ve installed the plug in the same ways i’ve installe din other website; but something doesen’t work
do you think is the template i’m using?
take care
Michele
Realeased version 5.3. Changelog is:
- Moved API and plugin initalization block to the end of the page, to speed up page loading.
Hello Avi, I am having problems with your plugin, comment you that it seems to me a very good work, but profit not to find solution to my problem. My page is (http://subsur.net/2007/06/23/probando-y-comprobando/), is an article that I have not been able to cause that it appears the map. You can help Me? Thank you very much!
Pd: Soy uruguayo y no domino el inglés. Google Translate help me
hello,
your plugi nwas working great, but after my upgrade to wp 2.2.1 it does no longer display the map. chek it out here: http://pacura.ru/2007/04/23/first-tests-google/
is there any known incompatibility?
Hi Avi,
Just for your information, after installing version 5.3, the maps doesn’t appear anymore.
I’ve reinstalled 5.2 and there is no problem with this version.
Hallo Avi,
the same problem like “atomicskate” says appears on my site (http://kur-sommer.de/impressum/google-map/) - I can’t see something than the grey color on the map.
Can you please provide teh version 5.2 for download until the “bug” is fixed?
Thanks for help and the plugin!
sofar
sokai
I am use My Maps or KML and GeoRSS maps method to display my world map. All the bubbles are blank/Empty. Any ideas? http://midway.name/wordpress/wp-admin/page.php?action=edit&post=11 The Plugin is great!
I will do the aditional information that I use WP 2.2 too… - Maybe that’s the “problem”…
Please give me (us) the version 5.2 to give it a try!
Thanks!
sokai
Released version 5.4. Changelog:
Doesn’t seem to work in WP 2.2
Hi Avi
installed a more recent version of your map plugin which didn’t work, so I rolled back to the previous version which did. Will I be able to install the latest version with no problems?
Also, I’m trying to a get a 3D animation to work within a map pop up, adding html between tags which calles a shockwave flash file , in my pursuit of a 3D panoramic. I can’t make it work, yet.
Max, the last version contains an admin option that may fix the problem you had in last upgrade. See the changelog on the comments.
To do the 3D thing, try to create a complex map. Simple maps are really simple.
Is it possible for my visitors to plan a route based on the destination that I entered…so all they have to do is fill in their own address or starting point, so Google Maps shows how they can get to the destination that I have put in their??
I try to explain but you just dont understan. Hamlet Tori.
even with vers. 5.4 still no maps show up
although it worked before wp 2.2.1 and yes I tried all options frm your option page.
Made a howto on my website
Howto show google maps on your website with tracks from your gps and foto’s taken on the way.
wich makes use of your very nice javasrcipt
Plugin updated to version 5.5. Changelog:
- Fixed the long delays and hangs each time a map was created, specially on multiple maps pages, related to setMapType(). Page with maps builts much faster.
hey,
i cannot see any maps of yours either on this page, the page that you link to above (where you say to click on to check if it works in IE7)
or on my blog, where i tried out your plugin ….
and i want it to work, really!
using FF 2.0.0.4 on Mac OS X 10.4.9
hope that helps!
I use this plugin ,it seems to work fine in FF & Opera but error in IE when I use a Simple map but with Creating Complex Maps & My Maps or KML it work fine in IE
I use 1 marker in Complex Maps script instead simple maps script, it will fine in IE.
sample
Center of map
map
Japanese town
I’ve looked through these comments and I noticed that this issue has been brought up but not addressed: The maps script is included in every page regardless as to whether the page has a map on it; it takes an unnecessary while to load it.
Is it possible to only include the script if a map is on the page/post? That’d be nice if it were…
Nice work!
Dan, you currently can’t include the plugin only in the pages you want. It will be included in all pages.
But this problem was addressed in version 5.3 or 5.4: the plugin is now included in the end of the page, after all your page was already loaded, so you don’t really feel the delay of loading it.
You lie to refrain from just facing your lif. Dragoslav Duilio.
Great performance with code in wp-footer and naturally great Avi. Thanks for your continous improvment of Google Maps Plugin.
[...] Google Maps Plugin for WordPress Google Maps Plugin for WordPress (tags: plugin) [...]
hello,
I still have problems with wp 2.2.1 - is this only related to me or does anyone else experience this? I can’t find any errors, but after upgrading the plugin fails. There have been installed no new plugins. The inline google maps plugins stopped workign after the upgrade.
Ovidiu, this is not related to WP 2.2.1. I’m wusing it without any problems.
The new version is optimized to make your pages load faster. You should try to fix your blog style and other plugins if its not working.
Meanwhile, you can make the plugin work as the previous version (slower page loads). Go to the Google Maps plugin admin panel and select the option to make the plugin to be loaded in the begining of pages.
well thats at least a hint as I have tried all combinations of using rel= and title= with loading inside footer / header and none work for me…
I’ll try and disable some other plugins, but I am 100% sure I did not install any new plugins, just updated…
I’ll post here if I find a solution
[...] Visit [...]
[...] Google Maps Plugin for WordPress :: Avi Alkalay [...]
@ovidiu: I found that the Reinvigorate plugin (stats tracking) http://www.reinvigorate.net/ conflicts with this plugin. The maps showed up fine once that plugin was deactivated.
Muy bueno, voy a ver si lo puedo implementar
Avi, thanks for this amazing plugin. For anyone who needs to know, the Kimli Flash Embed plugin makes it so this doesn’t work in IE.
Google maps…
Kaarten zijn altijd al mijn ding geweest. Overal waar ik kom probeer ik een kaart van de streek of het land te pakken te krijgen om ze dan uitgebreid te bestuderen en weg te dromen bij de topografie en de landschapskenmerken.
De laatste jaren heeft de …
Hi - terrific plugin! Works as easily and nicely as advertised - incredibly so, because I thought I would have to learn programming to do this. So thank you: http://winenewsreview.com/test1/
One thing I would like to do is to use the version of Google maps that includes the search service’s own markers, as in:
http://maps.google.com/maps?f=q&hl=en&geocode=&q=10019+%22wine+shop%22&ie=UTF8&ll=40.765982,-73.985023&spn=0.045765,0.11673&z=13&om=1
But that doesn’t seem to work, the Google markers for wine shops are stripped out. Am I doing something wrong or does that require additional coding/programming knowledge on my part? I just get an error - can’t connect to server - when I try the link within the KML file.
Thanks again!
Just discovered that the KML code instructions above do indeed work - why did I ever doubt it? What’s missing are the locations for the wine shops that Google search produces on the standard maps - even though they appear on the My Map that I created, they don’t show up when it gets translated to the blog page. Any thoughts?
Thanks.
ok, i learned that the marker will correctly show in IE7 with these options
Get parameters from rel=”" attribute instead of title=”"
(for compatibility with other plugins)
Activate plugin in page’s header instead of footer
(less performantic, but sometimes more compatible)
and,
the link you create in your post needs to be nested within a .
I would assume that would also mean the inline map would need to be inside a div. Is there anyway to hardcode this into the output of googlemaps.php? I would rather code it once rather than have to put every single map link inside a div from within the post.
ok, i learned that the marker will correctly show in IE7 with these options
checked - Get parameters from rel=”” attribute instead of title=””
(for compatibility with other plugins)
not checked - Activate plugin in page’s header instead of footer
(less performantic, but sometimes more compatible)
and,
the link you create in your post needs to be nested within a div.
I would assume that would also mean the inline map would need to be inside a div. Is there anyway to hardcode this into the output of googlemaps.php? I would rather code it once rather than have to put every single map link inside a div from within the post.
Mike and Sam, it is not a good idea to hardcode div as you suggested. It will make more difficult to make per-post customizations.
The plugin purpose is to make your life easy when creating generic maps.
What you need is to use GMaps’ geocoding capabilities, their database of places, streets, restaurants, etc.
Well, this is not supported yet in the plugin. I can’t figure out some way to have it without killing its simplicity.
You can always use GMaps API directly in your site. You’ll be able to do amazing things with it. But of course it will also make your life more difficult.
I suggest you to use the plugin for general everyday maps, and your own maps code for very specific pages. Sort of hybrid solution, but may work.
First off, great work… it looks great on other people’s site
For some reason, despite trying everything (I think) described in this page, including comments, I can’t seem to make it work…
The code seems to load properly. The GMap links seem to be included appropriately… yet nothing happens.
See: http://www.acker.cc/archives/23
Any ideas Avi?
Thanks for you help
S
Serge, the URL must have an ll= parameter. The one you are using doesn’t have one. This is described in the first point of the troubleshooting guide.
I believe this is why the maps is not showing to you.
The plugin will scan all “googlemap” URLs in the page looking for certain patterns, and “ll=” is one of them.
I don’t have a need for per post customizations. All the maps will be just as simple as they are now. I just need to know where the divs would go in the googlemaps.php so I don’t have to customize it in each post.
Having the maps viewable in both Firefox and IE7 are much more important than anything else and I think this workaround may have solved that.
D’oh!
Muito obrigado, Avi, it had been staring at me all this time! Many thanks again for the plug in and help on this!
S
[...] page to show our location when we write about where we are on the boat so I’ve installed the Google Maps plugin for Wordpress to make that easier. Here’s a test image of our boat in her slip at Emery Cove Yacht [...]
[...] Google Maps Plugin with hypertext balloons as This plugin will let you easily create from simple maps with one marker and a text balloon, to complex multimarker mapsthis page. [...]
Thanx man, really helpful article!
Hi Avi: Do you think it would be possible in a future version to allow the ability to utilize differnt colr/types of markers on a map that contains multiple markers? Thanks.
John, current version already supports different markers.
You can create a KML file (or a personalized map from Google Maps) and use it to show the map.
Check this section.
Thanks. That was over my head at first, but I’m figuring it out.
Hi Avi, really love your Plugin… up and running in no time..but I cannot get the markers up and running, I am not a pro at using the DOM inspector.
Can you point me in the right direction?
Theme used:
http://bella.und.frizzy.net/wp-content/themes/talian-10/style.css
Map Page:
http://bella.und.frizzy.net/?page_id=29
many thanks!
[...] able to get them to work properly (God, IDiot!), I decided to go another route and look at the Geo Maps Plugin for Wordpress. The only downside is that I’ve got to hit up the Google Maps page to get use [...]
sorry, i still have some problem on embeding the google maps in my wordpress. i checked the API google scripts didn’t added to the head or footer. is it any step i missed before?
should i put any scripts to header or footer php?
tried rel and title attributes too, still fails.
thanks
Ray, simply activating the plugin will include it in pages. You don’t have to script anything.
yes, i have activated but failed, can you find why i cannot add the script to the footer/header?
link:
http://www.mildbutcalmless.net/wordpress/2007/08/09/testing-2/
Hi Avi,
I installed your Google Maps plugin for Wordpress 2.2. It worked absolutely perfectly up until last Friday. I’m not sure if I did something wrong, or if Google updated Google Maps recently - which could be the cause for some of the problems in the last couple of days.
If it’s not Google who is at fault then it might be me. Maybe you could discern a cause for the problem judging from what I’ve done on my site over the weekend. Here’s what I did over the weekend:
- I had problems with file permissions on my website so I had to delete and reinstall Wordpress.
- Set up customized Permalinks on Wordpress
- Found out the Google Maps plugin no longer worked so I tried all of the optional settings such as activating the plugin at the header and footer.
- I got a new Google Maps API key, in case that was the problem.
- reinstalled everything and tried again on two different websites with different Google API keys
If you look at comment # 316 on this page, there’s a link to a website that uses your plugin:http://www.atomsix.com/word/2007/08/08/geo-maps/
However, it doesn’t look like it works properly either. This was a recent post. It seems this user is having the same exact problem that I am currently having. The map doesn’t show up on his page.
Good to know I’m not the only one with a problem.
The websites I tried it on are below:
http://www.nosy-neighbour.com/blog/
http://www.josebonifacio.com/tempwordpress/
http://www.josebonifacio.com/tempwordpress/?p=6
I would greatly appreciate the help. Please let me know if you could think of anything that will fix this.
Jose
José, the Google Maps URLs you are using does not have the “ll=” parameter.
This is required and is the first point described in the troubleshooting section. Please reread it.
Hi Avi, thanks for the reply. I made sure I had the “ll=” parameter in the Google Map URL. The map started functioning halfway through. By that, I mean the map is visible on the post’s permalink page, but it is not visible on the Wordpress homepage.
Please see below.
http://www.josebonifacio.com/tempwordpress/?p=18
http://www.josebonifacio.com/tempwordpress/
Also, I had to use the default Wordpress Classic 1.5 Theme. If I used the Wordpress Default theme (or any other theme), it won’t work.
I don’t have any other plugins installed or activated.
Thanks again!
José
[...] Google Maps for Wordpress - Handy plugin which allows you to easily embed google maps within your wordpress pages. Usefull for a contact page or to illustrate somewhere you are talking about in a blog post. [...]
Is there a way to have the info balloons automatically open up when you go over them with your mouse?
Multitabed balloons as well?
Thanks Peter
Hey Avi! Thanks for making this plugin. I just finally got it to work and it looks terrific. One huge problem I had was with the JavaScript file. For some reason unknown to me, the script file included in the latest version just wouldn’t work properly, but when I randomly decided to remove all the whitespace and lines at the end of the file, it suddenly started working. Just letting you know about this weird occurrence that might help some other people. Cheers!
AVi thanks for the reply regarding info balloons automatically open up when you go over them with the mouse. You replied that this you’ll have to use Google Maps API manually. How can you combine your plugin and the manual PI calls?
Thanks again for a great plugin.
[...] http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html [...]
Great Plugin, I have it working but in IE it shows a weird shadow behind markers and controls, I ‘ve deleted all css and left the template in plain sandbox white with no sytyles but this still happens.
Here is the link, I will appreciate your help.
http://www.traveltothekeys.com/truman-hotel-key-west/
Thanks
[...] Еще один из интересных плагинов Wordpress – Google Maps [...]
hi avi,
i dont get your plugin working
i am running wpordpress. 2.2.2, i think my url is correct (http://www.google.com/maps/ms?ie=UTF8&hl=de&msa=0&msid=111908781364582620951.000437d14445021a0ba97&ll=48.164024,14.031601&spn=0.147474,0.318604&z=12&om=1), but it doesnt get rendered … have a look here: http://blog.denk-stelle.at/?p=17
i havnt seen an opportunity to check, what is going wrong, as there are no error or logs at all …
any suggestions?
Wolfgang, I can perfectly see the first map, but can’t see the second one.
Looks like you did everything right. I don’t know why the second map doesn’t appear. Try to clean the URL using some ideas from Troubleshooting.
This is a fantastic plug-in. After some problems with IE initially (early releases), it seems to have stabilized. I couldn’t imagine displaying Google MyMaps on our blog without it.
Thanks very much for your work!
Dan
Hi Avi,
Regarding the API calls you replied: Well, the plugin is all about this combination. The plugin was written to make general popular types of map creation an easy task. Is uses to GMaps API for this.
But if we add too much functionality to the plugin, it will (1) end up being an unnecessary reimplementation of the GMaps API and (2) be difficult to define maps as HTML, in the WordPress post edit tool.
Makes perfect sense. Any samples on how to combine your plugin and its structure in a post combined with the Google maps API?
Hi Avi,
you don’t parse the “&om” part of a Google Maps URL correctly - it’s impossible to turn off the overview by setting &om=0;
To fix it you can change line 197…
Before:
this.overviewMapControl = (param[1]==0) ? false : true);
After:
this.overviewMapControl = (param[1]==”0″);
Nice work.
Nick, the way it is now its working for me.
Additionally, your change will generate an opposite situation: when om=0 you will get an overview control, and when om=1 you won’t.
Hi Avi,
Very handy plugin but its not working for me in IE7 and Firefox 2; It only shows gray patch but with controls .. I have read all the troubleshooting part and all the comments but cant get it to work .. And strangely, it is working on IE6 without markers plus some errors ..
Can you please look at the page here:
http://msawindsor.com/wp2trial/?page_id=18
Thanks..
[...] announces a simple new way to embed Google Maps），之前在blog都需要依靠外部的plugin或其他網站提供的服務來達成，現在只要上Google [...]
[...] “Google Maps Plugin”. C’est un brésilien (Avi Alkalay) qui l’édite et je vous le recommande chaudement… Cela permet désormais de visualiser directement l’itinéraire de la sortie géologie, dans [...]
Hello there,
I’m setting this up on an internal network/ intranet at my house. The API generated for my internal IP address is not working. When I access the page using the API KEY (generated by google with internal ip), it says “The Google Maps API key used is registered for another website”. For example my internal ip is, 10.0.0.100 , anyone tried this for an intranet?
obsolete.
http://www.google.com/intl/en/press/annc/embed_maps.html
Well, I got it working due to Google’s upgrade !!!
Thanks anyways .. (well, there doesnt seem to be need for this plugin from now on!)
I doubt that its obsolete. Lets say you want to make a map for a commercial website. If you use MyMaps and embed it, I assume it will have to be a public map. So your competitors can use it too.
This plugin is really great!
I tested it on my web site: http://alexloth.com/
But it seams to have problems when the entry is loaded via AJAX. (Rolling Archives)
Do you know a good solultion?
[...] as perguntas freqüentes ficaram óbvias, trate de criar páginas com respostas claras no seu site, mapas interativos como o abaixo, [...]
Tried using your script on a plain xhtml page (which validates) but doesn’t show a map. Is it possible for you to see where its wrong?
http://www.scillyimages.co.uk/maps2.html
Thanks
Max
Anyone know how to incorporate Google maps API calls with this plugin? Do api calls have to be made from within the …. structure?
Peter
[...] http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html [...]
[...] After trying a few different plugins that utilise the Google Maps API, I’ve decided to use Avi Alkalays version to develop the Singletrack Magarchive [...]
Released version 5.6. Changes:
- Added some SEO features.
- Optimized “script” HTML tags for browsers.
Help! I’m trying to remove the plugin and build my own maps without it, but even after deactivating it, and then removing the plugin from my server, it still shows up in the header file. WTF? How do I get rid of this thing?
Sorry, the site is http://myvasectomyreversal.com
[...] Google map plugin par Avi Alkalay [...]
Hi Avi
got the map to work OK thanks. What can I say? sily mistake, little time…sorted it in the end. Thanks for the hard work!
[...] Air Force One e benvenuto nel forum GT! Per il primo plugin che ti serve dai un’occhiata qui o qui Per il secondo problema invece non so aiutarti ma forse qualche altro utente lo sapr
[...] Google Maps Plugin for WordPress [...]
[...] questo plugin: Inline Google Maps L’ installazione di Inline Google Maps è semplice, la sua configurazione pure, il suo uso [...]
[...] this website are some instructions on how to embed a [...]
oh we didn’t care,we made it very clea. Liana Merete.
[...] Google Maps Plugin for WordPress :: Avi Alkalay [...]
Hi,
I investigated further. Any theme I use gives me the same problem in IE7. It looks to me that it’s a plugin related problem and not a theme related problem.
I’ve now deactivated the plugin which I really regret as it is a great effort…
Any thoughts?
Hi,
Thanx for a great plugin, will be great at my travelsite http://travelaroundtheworld.se :).
Works perfekt in firefox, safari and opera but in iE6 and iE7 the hole blog stopped to work then I have the plugin activated. Don’t know why
I have wordpress 2.2 installed
Do you have some tips to help me?, will start next travel at 31th of oct in 6 month =)
Thanks
Daniel Peterson
Dear Avi, thanks for this awesome plug-in. I found one of reasons why Google Map doesn’t show on my blog. The WYSIWYG editors (Both FCK or TinyMCE) modified the Google Map link automatically. For example: “http://maps.google.com/maps?f=q&hl=en” became “http://maps.google.com/maps?f=q&hl=en” The “&” symbol be compiled into “& a m p ;” May I have your any suggestion for that? By the way, what WYSIWYG editor do you use?
Dear Avi,
First I would like to thank you for this great plugin!
When trying to upgrade your Google Maps plugin from version 5.3 to version 5.6, it stopped working for me. I’m using WordPress 2.2.3 and Internet Explorer 7 to view my website. I’m also not able to view the demo page you’ve indicated in the ‘Problems displaying the map on IE7′ part of the Troubleshooting section. I cannot view the maps on this page with IE7 in both Windows XP and Windows Vista. All this leads me to believe you changed something in between version 5.3 and 5.6 that caused compatibility with IE7 to break. Please take another look at this issue. Even though you might not be using Internet Explorer, the viewers of websites using your plugin are, and the number will only increase (at least up to 50%), as IE6 users upgrade their browser.
For now I downgraded to version 5.3.
P.S. If you send me version 5.4 and 5.5 of the plugin, I can narrow down for you where it went wrong with IE7 compatibility.
Love the plugin, however, activating it in WordPress 5.3 seems to cause problems with IE7, the page no longer displays at all. I looked at the source code and the only thing on the page was the script or one of the scripts from Google Maps or for Google maps. This happened wither the script was set to be in the header or the footer.
It is hard for me to tell if this is a problem with IE7 itself, a conflict with the new 5.3 version of WP, the theme “Leia,” or perhaps the other plugin on the page Event Calendar (3.1.1._rc1). My guess is either changes to 5.3 or it is a bug in IE7 itself… seeing how many others have problems with it in IE7, I guess that.
Great plugin though Can’t wait for it to work with IE7.
Brian A. Thomas, I assume you are referring to WordPress 2.3, instead of 5.3.
I just upgraded to WordPress 2.3 myself, and the plugin version 5.3 (not downloadable anymore) works fine. Only the newest plugin(s) have compatibility issues with IE7.
I just upgraded WP 2.3 and plug-in for googlemap is 5.5. I still can see anything on when browsing with FF2.0.0.7. Is there something wrong?
About that IE7 thing - I just found out that I had a severe case of it, which was making the page disappear altogether with the plugin activated. Running the page through the W3C validator pointed out a line in the footer that isn’t valid - it’s in the section marked “Google maps SEO” (near enough, I’ve deactivated the plugin for now), which includes a “link” element in “noscript” tags, which isn’t allowed. Firefox was rendering the page OK, but IE7 totally died. Deactivating the plugin (version 5.6) allowed IE7 to render the page normally.
That’s *any* page on the site, not necessarily anywhere that’s got a google map included.
Hope this helps fix the plugin…
Hi,
I’ve downloaded and installed your plugin but I ran into some problems. Wordpress seems to filter the “&” signs in the URL and replaces them with “& amp ;”. Then your plugin doesn’t work.
I’ve searched through all the wordpress forums but haven’t found anything on how to stop wp from filtering these & signs.
I tried the WYSIWYG, the code view and the plain editor. None worked.
Any ideas?
-thomas
Released version 5.7 of the plugin. Changes:
- Fixed the IE6 and IE7 hang problem caused by a “defer” tag included in version 5.6. The “defer” tag is used to increase performance while loading the page. But it is not needed anyway, since the plugin is loaded in the end of page.
This is sooooooooo GREAT ! Tx for the good work, Avi.
Great work Avi! I can confirm that version 5.7 (WordPress still thinks it’s version 5.6) works perfect with IE7. You can see it in action here.
Your plugin have Google MapSearch?
[...] 地图， 首先需要下载Google Maps Plugin for WordPress插件，然后安装到/wp-content/plugins [...]
[...] Alkalay wrote a nice Google Maps Plugin, that will be updated in the next [...]
[...] fascinating and incredibly sobering at the same time. Speaking of Google Maps … I need to add this [...]
How easy is it to add tabs to the balloons (windows)?
I’ve just started playing around with this in preparation for a holiday next year, and was wondering if it is possible to *just* show the zoom controls.
In the example on my page I would like people to be able to easily zoom out to see where the location is.
Thanks, good work!
hi!
i use the “mandigo” theme (my blog is behind the “homepage” link) and unfortunately only have a grey box. everything is working and loading, except the map-images… if i switch the custom css of the theme off (web developer toolbar in firefox), the google map is shown correctly. so, before i dig through this complex php/css file, could someone tell me a workaround for this? avi, could you experience this also with some other themes?
thanks in advance,
regards,
thomas
Thomas, several themes with broken CSS suffer the same problem.
Fix your CSS or switch to another theme.
regarding post #319: for all users with “mandigo” theme, the following style definition causes problems:
p img { max-width: 95%; }
if you comment/delete this in your style, the inline google map will display correctly. in my case, the missing max-width definition doesn’t have any effects on my articles…
@avi: i investigated a lot of time in making YOUR plugin work, because it has the functionality and easiness i like… i couldn’t find another plugin for google maps, which could be handled this easy. great work!
Hi Avi!
This would be great if I could get it to work!
Also having problems with WP changing the “&” (see Thomas on Post 312; and Arthur @ 305:
have you any suggestions, as I cannot get anything to display inline.
Thanks for a great plugin
Peter
Nice plugin!
Just want to inform you that Google Maps has new display types. The normal map style, the normal satellite style and then a satellite with labels style (former hybrid I suppose) and a new called surface style which shows the hills and mountains better.
Bye, Jens
[...] work because you can’t use the inline/iframe elements within a Wordpress post. The Google Maps Plugin for Wordpress will allow you to display MyMaps and even KML/KMZ files. To use the plugin you will also need to [...]
Hey AVI… thanks for a sweet plugin… a few questions though…
works great when using the default theme - but not so great when you want to work on your own theme.
http://www.joshuadavis.com/map/travel-map/
which doesn’t display inline
so…
what exactly needs to be added to get it to work with your own theme ? I thought there we’re maybe DT and DL tags in the default/kubrick CSS… but nay… so what triggers are missing ?
Joshua, its not working because the plugin block is not being included in the generated page.
Please check if you theme has a <?php wp_footer(); ?> call. I have it just before the </body> in my footer.php theme file.
avi - you said it would take me 3 minutes… it took me 20 seconds.
it’s working lovely. many thanks.
I had no idea you had to retain… … before the body tag… I thought that was just a standard call to a footer for visual aesthetic - I had no idea it server a greater calling.
Ok, I like this plugin, however I got a little problem.
I did everything as described here under “Using Google My Maps or KML and GeoRSS maps”.
And what I have is a plain link to the kml file.
And while I wrote the comment I solved the mystery.
The Click Counter pluging will “hijack” the google link, and the map will not show up.
Hi Avi.
I’m very excited about getting your plugin on my site! I am running into a little trouble though. I am having the same problem with the ampersand (&) in the Google Maps link being changed to “&”. This is the same problem noted in post 322, 312, and 305.
Help, please!
Tiffany
[...] never, ever need to edit the blog before adding the embed HTML, or you have to download a map plugin which currently only allows for maps with multiple markers, not lines! Booo. Using the plugin also [...]
hey avi… I sent you a reply - but thought maybe this was the best place to post.
http://www.joshuadavis.com/map/
MAC Leopard / Safari = great but in Firefox (current version) I get an unresponsive script error - and it never loads. maybe I need to do something additional other than the wp_footer call ?
thanks for all your help,
Hi Avi,
Great plugin. I am using WP2.3.1 and Inline Google Map plugin v5.7.
I have created a page for displaying the map but for some reasons the map did not show up. Instead what I have is a map link that points to the map on Google.
Can you check out my map page and advise what I need to do to fix it?
http://makarios.com.sg/map/
The map is showing up correctly when clicked.
I have tried checking “Get parameters from rel” and “Activate plugin in page’s header” but doesn’t seem to work.
Any ideas what’s missing?
Thanks!
[...] Una descripción de tallada de como configurar esta funcionalidad y como insertar sus mapas, la puede obtener en la página del desarrolador de Inline Google Maps [...]
[...] Google Maps Plugin for WordPress I had trouble getting this working on Edublogs.org but this software will suposedly let you easily render Google Maps anywhere on your blog as a web service. It also includes code for easy integration with WordPress blogs. (tags: google plugin web2.0 wordpress maps) Tags….Popularity: unranked [?] [...]
Avi -
I installed your plug-in, but when I link one of My Maps, I get the route line, but the map itself is just a grey background. When I tried the macdiggs plug-in, I got the map but no route or other added info from My Maps map.
Here is the link to my map test page: http://mid-atlantic-aroc.com/?page_id=142
I thought it was CSS style conflict at first, but the other plug-in diplays the base google map fine.
Any ideas? Thanks for your help.
Rick
thanks for this great tool!
[...] This is an easy to install, plug and play Google Maps Plugin for WordPress, thanks to Avi Alkalay. [...]
The map displays on my work computer with IE6, but not on my home computer with IE7 (I just get a grey square - but I do get the route line I entered in My Maps). Appreciate some help from anybody else who has this problem.
Thanks
[...] Trojaner-Board - powered by Trojaner-Board wrote an interesting post today on Google Maps Plugin for WordPress :: Avi AlkalayHere’s a quick excerptIf you can send me an update, I’ll review it and release a new version. … I don’t want all the controls on the small window I’m showing, they cover everything up [...]
[...] http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html [...]
Thanks for this plugin, so far seems to work with no problem, just a question.
How can I use my own marker icons, Marco in one of his comments said that adding some code to the plugin core file does the trick, it doesn’t work for me.
Reading google’s api docs the code to display custom markers is a little different and I don’t know how to implement it, any help is greatly appreciated, thanks.
I can load the map but I can’t get the points on. here is the code that I am using:
This is just another test to see if I can get this thing to work
Test
Center of mapmapMatt F
I want to place images inside the popup balloons. Is this possible and if so how do I do it. I am using your complex method of displaying several point on the map at once. An example of this can be seen here http://geotravel.ca/2007/12/31/summer-2008/. Also is it possible to define the width and height of the balloon that pops up?
Thanks
Thank for the awesome plugin.
I am using it on Wordpress 2.3.1 and your plugin ver 5.7. Theme is K2 and BlueTechno.
Got into the gray box trouble and dug deep for the past hour; reading and re-reading the comments here.
For those facing the gray box problem, it should be your CSS causing it like mine.
I checked my CSS file and removed the “max-width” attribute for the “img” tag. That should solve your problems.
Good luck.
Avi, thank you for doing this for everyone. However, I am using WP version 2.3.2. My linked text is not being replaced with the map.
I have verified my link is valid.
I have read through the troubleshooting page.
I tried using the title (as opposed to the rel option) and I get a javascript error in main.js. But when I use rel (which requires manually adding the rel=”googlemap” in the code editor) the js goes away.
I tried it using the page header checkbox check and unchecked and nothing changed.
I have commented out all reference to images in the css files just in case.
I have disabled all other plugins.
I don’t know what to do. Please see the following link: http://67.192.7.43/2008/01/05/test-map-2/
If you can see a reason for the map not showing up, please let me know.
Thanks!
Andrew
Hi great plgin, but I have a little problem. Map rendered fine, but the location marker is always off by a little, is the marker effected by any CSS??
[...] O mapa desta página é feito com o Google Maps plugin para WordPress. [...]
Are you still helping folks troubleshoot? I’ve read everything on your website and still have no idea why it doesn’t work-
I have your plugin activated with the correct API key (had it generated twice) have posted
Ski area map to
http://www.eaglevalleyblog.com/?page_id=65
Avi, thanks for a great plugin! I appreciate it.
Amos (#337) thank you for the tip about the style sheet edit. It does work and removes the “grey box”.
[...] For wordpress Google Maps plugin goto here. [...]
[...] This is such a cool plugin with way more potential that I will explore at a later date/time. Thank you Google and thank you Avi Alkalay, the Brazilian developer who created this plugin. [...]
[...] Google Maps Plugin for WordPress :: Avi AlkalayDoes anyone know the name of the wordpress plugin that creates a list of your …… Now, Inline Google Maps wordpress plugin is working properly with My … [...]
[...] I also use the Inline Google map pluging for wordpress to display my maps, downloadable from here. [...]
thx for this really great plugin! i love google maps and this plugin too!
hallo
problem and solution to this plugins and wp
maps not showing in firefox but works in ie7 : some themes are not compatible with the maps…it doesnt work with kubrick theme but work with others theme…currently use by perfomancing theme call modernpaper
need to activate both parameter given in option…..rel instead of tittle and activate in header
thats all…tq for the great plugin
i follow marco instruction on ho to change icon…
kleine addition:
please note that you have to add icon after point
var marker = new GMarker(point);
so the new line will be
var marker = new GMarker(point,icon);
Avi, I just wanted to say a grateful Thankyou for providing this plug-in. I’m fairly new to Wordpress and learning all I can. I just put this plug in to use on my site and it’s awesome like Rob said below. It’s a feature on my site that makes the big difference. I shoot High Def videos around coastal NC. Now, everyone can see exactly where I shot the video. Thankyou.
[...] Reference: Google Maps Plugin for WordPress [...]
[...] Google Maps [...]
[...] Google Maps Plugin for WordPress :: Avi Alkalay (tags: webdev wordpress plugin googlemaps) This entry was written by Dave, posted on February 14, 2008 at 8:31 am, filed under del.icio.us. Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL. « links for 2008-02-12 [...]
First of all: very nice and useful plugin. But …
the script produces a runtime error in IE6 and IE7 (tested with both):
Line: 39
Char: 43
Error: unknown runtime error
Code: 0
If I embed a map from ‘My maps’ the balloons don’t work. Could you try to fix this problem.
Thanks a lot.
Sebastian
I have put google maps with your plug in, but after 1-2 going good, all maps are disappeared: http://www.e-nightclub.com also the first 1-2 published..
do you understand why?
[...] Google Maps Plugin for WordPress :: Avi Alkalay :: [Tags: google maps plugin wordpress ] [...]
Hi,
thank you for the nice stuff
I would have parameters to show/hide these controls:
* GMapTypeControl()
* GScaleControl())
I know about nocontrol, but i have some small views (width:225#height:168).
cu
Michael
[...] http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html#complex [...]
I had trouble using this , however with google’s tool
“Paste HTML to embed in website”
Available on each of it’s customs maps , this works as well!
[...] http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html [...]
Thanks for this plugin.
[...] poner mapas de google en wordpress tiene su [...]
[...] in the post to identify just where these markers are located. I’m using a plugin provided by Avi Alkalay. I am pleasantly surprised at how easy it was to [...]
[...] на тему плагина Google Maps for WordPress, находящейся по адресу http://avi.alkalay.net/2006/11/google-ma…. То, что посчитал нужным я добавил от себя, то, что не [...]
Plugin is working for me at this site http://goldcountrycommonwealth.com under the “investments” section. The only weird bug is that before I save the post I am editing, I have to switch to code view, then save. I do not do anything while in code view, just save, and it works. If I am looking at “visual” rather than “code” than the map will not appear on the post, only the text I used as a link.
Oh, and I have to have it set as use the header instead of the footer for this particular theme.
other than that, great plugin!!
Awesome plugin! Unfortunately now I am unable to link the url back to Google maps to allow for users to get directions to the destination mapped. Is it possible that on clicking of the destination marker to have the same pop up window as on Google Maps so that the user can enter a source location?
Hi Avi,
I had your plugin working successfully on my website, but then changed the wordpress theme and it is no longer working (map doesn’t show up at all). The theme is based on Beautiful Day (by Viktor Persson). I’ve had a look with the DOM inspector but haven’t been able to find or solve the problem. Any suggestions? The site is here
Many thanks
Andy
[...] Google Maps Plugin for WordPress :: Avi Alkalay (tags: wordpress plugin googlemaps google maps plugins ajax) [...]
Hi,
Is it possible to open a link, simply by cliking on the ballon ?
I don’t want text, just a link.
Thanks.
Nicolas.
[...] doch heute habe ich bemerkt, dass diese wirklich tolle Plugin von einem Brasilianer namens Avi Alkalay. Parabems [...]
[...] I just learned today that this fabulous plugin was written by a Brazilian named Avi Alkalay. [...]
[...] just installed the googlemaps plugin for wordpress. We hope to use this plugin to show the current car location on our [...]
[...] Avi Alkalay: Google Maps Plugin for WordPress [...]
cool, merci à vous pour led pics
[...] investigated another Google Maps plugin, the Inline Google Maps plugin. It seemed to allow the specification of a simple centre point on a Google map and then you [...]
In reply to the runtime error reported by theBastian in post #419, I found out that the error only happens in IE6/IE7 when the single pointer method is used.
A quick fix would probably to use the multiple pointer method for all your maps until Avi fixes the problem in the next release.
Otherwise, this is really a great plugin!
[...] Last ned/Les mer om Google Maps innstikk/plugin for WordPress Hvis du fant denne posten interessant, så vil du vel abonnere på min RSS feed! [...]
[...] time, I’ve included something special - a marked Google map (made possible with this awesome Inline Google Map wordpress plugin) so that you’ll have a rough idea where the photos are taken - each marker represents the [...]
[...] GooMaps | Google Maps for Wordpress Link: Avi Alkalay | Google Maps Plugin for Wordpress Link: aNieto2K | GeoPress, Google Maps en tu Wordpress | GMMS, integra Google Maps en tu Wordpress [...]
Thank you, necessarily put in blog )
that’s for the plugin! Works as advertised!
JOE
thank you for this Inline Google Map for Wordpress, is there any way to let the map word in sidebar of single post? The resason is because when is there the post will be very long. Coz im thinking it could be more nice.
tq
hi i m showing a small size map, but i want the control be available but i want to remove the top right and bottom right(small map) control. I try to look in the code but cannot. Can help tq
[...] Testing pizza map using Avi Alkalay’s Google Maps Plugin for Wordpress [...]
@theBastian and @Anonymous
Error in IE6 and IE7
Line: 39
Char: 43
Error: unknown runtime error
Code: 0
go on line 522 of googlemapsPlugin.js and change GUnload(); to GUnload;
work fine for me as you can see here
@theBastian
Also consider that error displaying balloons sometimes may be caused from css incompatibility
ciao
Giuseppe
Great plugin. I was able to get it to work well with my maps.
One problem that I am seeing is that the text in the balloons is hard to read. I don’t know what controls this font? Is there a way to control this?
- Michael
[...] Maps auf der Website - was ist erlaubt, was nicht? - Aber ist nun das WordPress-Plugin ‘Inline Google Maps‘ Google-AGB-Konform? Ich nehme mal an, dass es so [...]
>One problem that I am seeing is that the text in the balloons is hard to
>read. I don’t know what controls this font? Is there a way to control this?
After digging some more (I’m new to PHP and CSS), I figured out my problem. My wordpress theme has the stylesheet class for “container” set with a very light color due to my background being dark. But the text in the balloons were also picking up this stylesheet setting.
Using the definition list example that you gave (to include KML data into a basic map), I created a new class in my theme’s stylesheet (font = black) and applied it to the definition list. And now my balloon text is black.
Thanks again for a very nice plugin
here on my web site: http://www.centrodiurno.it/dove-siamo/dove-siamo/29
google maps appear many times, why?
[...] . Обнаружил феерию копипиздинга . Есть одна статья ,коию ктото с месяц назад перевел, а после она с [...]
Avi,
Please could you look at my blog? I’ve installed your plugin and followed the directions, but I’ve been unable to get the plugin working. Any suggestions you have would be wonderful… Thank you!
http://www.metapalo.com/hosted_projects/pizzacritic/
[...] this post is testing Avi Alkalay’s plugin [...]
[...] On Monday I decided I would look at installing the Inline Google Map plugin from this website here. [...]
[...] Google Maps for Wordpress - Handy plugin which allows you to easily embed google maps within your wordpress pages. Usefull for a contact page or to illustrate somewhere you are talking about in a blog post. [...]
[...] Google Map Plugin, download from Avi’s Blog and read this excellent [...]
Released version 5.10.
There are no big changes in functionality. The version marks the final migration to WordPress plugin directory so now your plugin admin page will tell you when the plugin is updated and will also let you upgrade with a click.
[...] Check it out! [...]
[...] Link http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html to download Googlemap [...]
I have try to move map from articles to page, and to update your plugin, but with wp2.5.1 ita I have again the same problem:
http://www.centrodiurno.it/dove-siamo
[...] Google Maps. 2.Google Maps Plugin for WP. 3.XML Google Maps [...]
[...] blogs that you host yourself and can upload new plugins too, there is Inline Google Maps, which gives results like [...]
[...] As it is clear that you can embed the google maps in blog, I have jumped on the wagon hoping to learn more and explore the power of web 2.0Take a look and see more from AVI [...]
[...] that it only displayed a Grey box, loading the images but not displaying them. I found a comment on Avi’s website as someone also had problems with Kubrick and the Inline Google maps plugin. I followed his advice [...]
[...] http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html [...]
[...] quote from http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html [...]
Hi, map won’t appear for me. Got the API Key, link and all. Tried everything.
http://www.canibeagle.com/info/
[...] Link http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html to download Googlemap plugin; 2 Put it into your wordpress file(in the file plugins), use [...]
[...] Bilder aufgenommen habe. Das ganze heißt “Inline Google Maps Plugin” und kann man sich hier [...]
Hi
Thanks for a great, easy to use plugin.
It turns out, though, that it is not compatible with the otherwise great Shadowbox JS plugin (plugin site here). With the Shadowbox plugin activated no maps show up - with it deactivated everything works.
I need both functionalities. Any suggestions?
Thanks,
Kjetil
[...] Um eine weitere “Spielerei” im Blog zu integrieren, habe ich das Google Maps Plugin von Avi Alkalay installiert. Zu sehen ist die neue Innovation vorerst im Impressum. Ich werde es aber in Zukunft auch für andere Dinge verwenden. Der Download des Plugins inkl. einer Installationsanleitung und Handbuch findet Ihr HIER. [...]
[...] und die Performance killt, ist es ein sehr cremiger Bonus. Als weniger cremig stellte sich dann das Google Maps-Plugin heraus. Ich hatte schon einige Optimierungen vollzogen und brachte das Ding auch zufriedenstellend [...]
[...] world will implode if you search google for google-but were Ok, it didn’t) and i found this one. First of all I had to create a google account, to generate an extremely long API key that would [...]
Hi, very nice plugin!
I want to modify this to allow users to add their own points of interest (POI), like this
1. User click on the map on the POI location
2. Lat-lon for this location is fetched into a variable and/or form
3. User enter desciption and upload an image
4. User submit the form and the data in inserted into the database
Is this doable with this plugin? If not, can it be modified to do this, and if so, how much would you charge to develop this for me? Please contact me if this is at all interesting to you.
Regards
Jesper
Keep up the good work! 10q
[...] now that php 5 is up and running. wp-stats and inline google map works fine =) « streetdirectory.com is dying blood reveals more than you think [...]
Good work, Avi! I’m using this plug-in on a (not yet live) project and it’s really handy.
Just a coupla suggestions…
It’d be useful to be able to suppress the maps code on pages that don’t need it. Perhaps you could have an option to output the code in neither the header nor the footer, and have a function that could be included in templates to insert to code where (and when) you want it. Event Calendar 3 does something along these lines.
Also, if you opt to have the maps code in the footer, it makes your pages invalid. You can’t have a [link] element in the [body] of a document, but that’s what your plugin does. Maybe you should make it always put the [link] in the wp_header(), regardless of where the rest of the code goes?
[...] second way to add Google Maps that I talk about is using the Google Maps Plugin for WordPress. The great thing about the Google Maps Plugin for WordPress is you can use it even if you are not [...]
Can the balloon be displayed without the user having to click? Any parameters that can be used.
BTW, thanks for the excellent plugin
I am having problems getting the complex map running. I’ve followed all steps and troubleshooting ideas, but still cannot get the markers to show up on the map. It is centering correctly but none of the markers are there. Anyone else have this problem?
Hi,
XHTML 1.0 validation is broken by your plugin, it inserts the LINK declaration in the footer and that is not allowed. Could you remove it in future releases ?
Talking about the following:
# <!– Google Maps Plugin SEO –>
# <noscript>
# <link href=”http://avi.alkalay.net/2006/11/google-maps-plugin-for-wordpress.html” rel=”uses” type=”text/html”/>
# </noscript>
# <!– Google Maps Plugin (end) –>
love the plugin. are there anymore Passing Parameters that can be passed? Thanks.
Hey,
Just want to say cool plugin. But I had to change the API scr source. It showed “=api&” and I had to change it too “=api&” to get things to work on my page…
Thanks,
theFrosty
Putting to use on my directory site: http://visitmontanaave.com
in regard of the new gogle earth api and its easy integration in existing google maps applications: is it possible to integrate google earth api in this plugin?
http://code.google.com/apis/earth/
that would make it an even better plrugin and the first to integrate google earth into wordpress plugins!
[...] properly not liking them enough to keep them around, I decided to go another route and look at the Google Maps Plugin for Wordpress. The only downside is that I’ve got to hit up the Google Maps page to get use [...]
Is there a way to display a route with this plug-in? Like a line to show how you have travelled so far?
[...] Brett Bim (aka Scotch Drinker) and I have added a google maps plugin to our social blog. This allows you to include annotated google maps to your blogs entries to, for instance, plot the location of your next happy hour so revelers can more easily find where the party is at. You can see an example of the plugin by look at my Improving Tennis posting. Instructions for using this plugin can be found here. [...]
Avi, I’m afraid it’s another “Balloon” question!
I think I’ve read most things about the problem, but I cannot crack it… so please if you have a minute, I would really appreciate your help.
I have a sidebar with a width of 240px.
Default sizes have been set to 240 x 360.
The map displays perfectly.
I can use the “balloon” .css to control the look and feel…
… but the Info Balloon is always far too big. (It actually looks as if takes on the 240px width!)
As I understand it, the balloon is sized by google based on the map size “upstream” of your plug-in, and therefore cannot be controlled by the time we get down to my theme’s .css.
Is that correct? If so, can you please explain how and where I need to adjust things?
Thanks for a great plug-in, and I look forward to your reply.
Hi,
I am having to problems. One is a map that is showing as grey. Possibbly a conflict with my css file?
http://www.yokohamaliving.com/2008/03/20/jack-johnson-in-yokohama/
And the other is not showing at all.
http://www.yokohamaliving.com/2008/07/08/sotetsu-mobil-cinema-yokohama/
The first one is older and was originally installed with an older version of inline maps and uses a different url for googlemaps.
To be honest I am not too sure what is going on. What do you think?
Help, Avi, I’m just at a loss here! I’ve used your plugin once before and it worked brilliantly. But now when trying to enable it on another site, I get no map - just a text link.
The problem is visible here: http://ediehats.com/wordpress/location-and-map
I’ve tried surgery on the URL, I’ve tried “rel” instead of “title”, I can’t think of what else to try.
One question: it seems that the “ll”, “om”, “z”, and “t” parameters are required by the plugin, but I don’t get all of those from my Google Map URL. I can’t figure out how to “force” those parameters to be included.
Any help is much appreciated. Thanks!
Adam
I too am having sporadic problems with this plugin. What I am seeing in my development area is Javascript errors in both FireFox and IE.
In IE the Error Console shows:
Line: 940
Char: 47
Error: ‘lat’ is null or not an object
Code: 0
URL: http://localhost/
In FireFox the Error Console shows:
Error: a has no properties
Source File: http://maps.google.com/intl/en_us/mapfiles/118/maps2.api/main.js
Line: 939