This help desk is no longer actively support. We have switched to a ticketing system to more smoothly manage support, and free up development time. Your newly created tickets won't be available here. You will instead have an email history of your new tickets.

We are working on moving everything current and helpful from public tickets into the docs. This will be a long process and in the meantime, public tickets will remain searchable.

Your private tickets will remain available to you indefinitely. See your old tickets.

Help Desk

Map plug-in Comprehensive Google Map Plugin

Labels

This Ticket is public

Notifications

Hiya,

In struggling trying to get my site to work with the MapPress Plug-in and multiple Markers on a single map, I found the Comprehensive Google Map Plugin. http://wordpress.org/extend/plugins/comprehensive-google-map-plugin/.

Not only is it free, but it works with multiple locations on the same map, plus you have a choice of markers, a choice of using lat / long or postcode, loads of controls over the map and it even gives directions!

I've got it set-up so that I present a map within a custom display, that takes a list of postcodes from another custom display list. That way, I'm able to automatically create map markers on the fly as new locations are added using formidable forms.

I know how frustrating it was that MapPress didn't offer the multiple markers, required additional code into the header.php and also cost money for their mashup maps. This solves all those issues.

There's a lot more to the plug-in than I have taken advantage of so far, but the bottom line is... it works! Perhaps you can take a look at it and add the suggestion to existing posts looking for multi-marker map solutions

Rich

 

15 votes

Great example. Thanks for pointing that plugin out. We'll definitely look at it and update our blog post. Thanks!

Rich,

I visited your site and didn't see any maps?  It looks like your design wants location maps per entry/post (easy to do with a lot of plugins), and then a single mashup map per custom display (or per filter condition on the custom display) so you see all the map points from the filter criteria on the same map (hard to do with all the pulgins I have seen)?  Did you get that to work with Compresensive Google Maps?  The CompGoogMaps docs talk about a Mashup that consists of all maps in all posts/pages on the site in a single Mashup, but I don't see anything the allows for a Mashup that is filtered per custom display (or post category, etc.).    Did you find something that works for that?

Thkx

G

Hi,

What I was looking for was a way of displaying the different entries of my form on a map. My site has event venue locations in it and I wanted to dynamically create a map with those locations on within a custom display.

Sorry about the previous link, I'm still in development so I've moved the dev site to http://ec2-54-247-132-199.eu-west-1.compute.amazonaws.com/wordpress/.

An example map can be found at: http://ec2-54-247-132-199.eu-west-1.compute.amazonaws.com/wordpress/photography-exhibitions-map/

How I set it up for a multi-marker map:

1) Used the CGMP plugin to generate the code that fits my site dimensions and requirements:

[google-map-v3 width="818" height="600" zoom="12" maptype="roadmap" mapalign="center" directionhint="true" language="default" poweredby="false" maptypecontrol="true" pancontrol="true" zoomcontrol="true" scalecontrol="true" streetviewcontrol="true" scrollwheelcontrol="false" draggable="true" tiltfourtyfive="false" addmarkermashupbubble="true" addmarkermashupbubble="true" addmarkerlist=" N16 7PX{}default.png{}Fotoura Base" bubbleautopan="true" showbike="false" showtraffic="false" showpanoramio="false"]

- Where the locations are defined by the section addmarkerlist=" N16 7PX{}default.png{}Fotoura Base" - i.e. [postcode] + {}default.png{} + [title of location]

2) Create a custom display that creates a list of postcodes & location names with the bit before the locations in the before content field:

E.g.

Before:

[google-map-v3 width="818" height="600" zoom="12" maptype="roadmap" mapalign="center" directionhint="true" language="default" poweredby="false" maptypecontrol="true" pancontrol="true" zoomcontrol="true" scalecontrol="true" streetviewcontrol="true" scrollwheelcontrol="false" draggable="true" tiltfourtyfive="false" addmarkermashupbubble="true" addmarkermashupbubble="true"

Content:

[696 show=149]{}photo.png{}[696 show=142]|

After:

N16 7PX{}default.png{}Fotoura Base" bubbleautopan="true" showbike="false" showtraffic="false" showpanoramio="false"]</div>

Where the content is value id's of the data entries postcode and location information names. From memory it didn't work when I used the data entry keys.

3) Add the custom display to the appropriate page.

 

The only problem with it that I've had is that because it requires the | delimiter between each marker, the problem comes at the end of the list where there is no location following the final content |. I got around this by adding in a single location in the  'after' content that is consistently there on every map. For some strange reason though this doesn't seem to show up! So the multi-marker maps just work as above.

As I'm still in development I wasn't worried that it was a bodge at this stage - my intention was to get in touch with the plugin developer to:

1) See if there was a way of adding a blank to the 'after' content that didn't throw the CGMP red error message

2) See if there was a way of switching the CGMP red error message off so it didn't matter that some of the locations were broken.

Either way though, I'm sure there are solutions to the above. The functionality of the plugin is great - especially considering it's free!

There's a choice of marker icons that can be used in combination on the same map - these would need to be selected on the entry form so the field could be displayed dynamically in the custom display content area.

Hope that makes sense.

Rich

 

Thanks for the writeup Rich.  It makes total sense.

I like the plugin a lot but not some of the extra bloat you get on your page (extra html to support error messages and stuff) because it needs to support many more features than I would use on my map.

It seems like what we both really want is: a single custommap.js  java script that builds a google map with preset styles that would be used on all maps on my site, controled by  an <object></object> that includes the map id, height, width and marker list array with location and marker sytle.  (like the result of CGMP's output, but the object is much simpler because the javascript is hardcoded  to build a single map style).

To use it you would just include the google.js and the customap.js on the page,

and either:

a. use the custom display to build the <object> markerlist (like you build the CGMP shortcode). Note: the customap.js would ignore the last "extra" entry in the array.

or

b. include a  [custommap mapid, height, width, location, markerstyle] shortcode that could be used in the dynamic content section if you want a single location map on the details post.  The shortcode would just build the <object></object> for that.

I'll share the .js and shortcode php if I build it next week.  From the  java script  examples  at Google maps, I don't think this will be too hard.....we'll see.

G

@mytoura and @gbow1,

Maybe this is already a possibility with the present implementation but thought I'd mention it.  It would be great if a "category" could be assigned to a location  and then that category assigned to a map marker on the form.  Then on the custom display allow the user to select which category(ies) to view where the default is set to "all".  An example would be for a resume implementation where the user has inputted "education" and "employment"; thus, these would be the categories assigned to each location within these sections, to which a specific map marker would be assigned to the appropriate category.

Anyway, just a thought...

 

 

Hi, thanks mytoura , I tried the code but its not working on me If I am using the custom display but when I used the generated shortcode it worked..  here is the site, http://dev.freelanceu.net/mjl/cometostay/about/ you'll see the difference of the output and  I attached the settings of my custom dispalay. And also once the map loaded, it displays an error, please help me to fix it Thanks :)


Attachments:

Hi Marky,

You're clearly using your template or some other code to insert it into a widget - have you tried just pasting the content in the page and seeing if that works? If it works in the page then it's obviously something to do with your widget making!

The error is telling you that you have a problem with one of your postcodes - looking at the address information you've used there are some odd characters in there ' 4\/6, Radcliffe Road" and 109 \/ 1F2 Grove Street - you might want to try outputting the custom display separately as just the postcode / marker information first and check the formatting is right displayed on the page before your wrap the maps code around it.

I just use postcodes and only put the postcode information into the custom display as it's simpler and it works. The only other thing I can suggest trying is removing your data set one by one and seeing which one it is that is causing the error.

 

Hi,

I tried the code above in the custom display(see screenshot on my recent post) but it is not working well with me....it only displays the shortcode, but when i copy that generated shortcode and put it on a page then it will now display the map...see this link http://dev.freelanceu.net/mjl/cometostay/about/. I really need help to make my custom display work., I will appreciate any help. Thanks

To filter shortcodes in your custom displays, add filter=1 to your custom display shortcode (not the shortcode inside your custom display).
https://formidableforms.com/knowledgebase/publish-a-view/

Wow! this is embarrassing.. I am using this for almost 4 months and still I did not even figure out this problem.. Thanks Stephanie you are so great!

i 'm using this plugin and it is great!

i just have some pending customization with the map..how can make the infowindow content be the ost title and excerpt and together with thumbnail...what do you think?

Great post! Solved a big problem.

I am also looking for a way for the map marker's info windows to be a little different. I need the name, address, an excerpt of a description field as well as a link to the post created. A thumbnail would be pretty neat too. Any ideas?

This is great! And it works! I've attached a file with my screen grabs and 'key' to the field ids that work. It took me quite a while to get it to work with the instructions above, so hopefully this will help. Nice work to those listed above and thank you!

I have a couple things I'd still like to figure out -like getting the link in the pop-up to work. So far it shows, but it doesn't hyperlink. Any ideas? I'd also like to be able to add html/css to it without breaking it. Otherwise, it is a great solution for maps in general and a map mashup (or global map) in particular.


Attachment:

@Stephanie, @mytoura and @marky1216,

This is exactly what I've been looking for for months! Thank you for bringing it to all Formidable users.

I have one problem, I have not been able to style the pop-up window to any great extent. I see that you have been successful (adding Links, colored text, etc.) Whenever I try to customize -doing it like this: https://formidableforms.com/knowledgebase/publish-a-view/ the plugin breaks or just doesn't change.

Can you share how you did it? Pretty please?

You can add links within the maps shortcode builder. I've had slightly intermittent success with it to be honest.  I know it has worked on some of the maps I've built but I haven't taken the time to crack why it works sometimes and not others.

For links...in the Google map shortcode builder, click the Help? link in the Map Markers section - this explains how to hyperlink within the pop-up.

One thing I should add is that I've learned since that it's important to put 'if' statements around the marker code so that if for some reason the data is missing for one of your entries it doesn't break your map i.e.

[if 252][252]{}1-default.png{}[247]|[/if 252]

Where 252 is the postcode or geo code and 247 is the name of the location.

Thanks mytoura. That was exactly what I needed.

Just to leave a trail for others, this is what my code in the content area now looks like:

<p>[if 194][209 show=1589] <br />[191 show=1589] [213 show=1589] [194 show=1589]{}1-default.png{}<br />#[detaillink]#[/if 194]|</p>

Hi everyone, I am trying to do the same. thing is, my map looks like this

Anyone had similar problem?
Thanks

ops, the image isn't showing.:http://i.minus.com/iOKLYXTB7dkRi.jpg

my shortcode looks like:

[google-map-v3 width="800" height="300" zoom="16" maptype="roadmap" mapalign="center" directionhint="false" language="en" poweredby="false" maptypecontrol="true" pancontrol="true" zoomcontrol="true" scalecontrol="true" streetviewcontrol="true" scrollwheelcontrol="false" draggable="true" tiltfourtyfive="false" addmarkermashupbubble="false" addmarkermashupbubble="false" addmarkerlist="[rlocation] Singapore{}1-default.png{}[rname]" bubbleautopan="true" showbike="false" showtraffic="false" showpanoramio="false"]

Maybe stupid remark but have you tried removing cookies. I once had this problem using Google Maps normal (on the google site) and i got that image like your example. Removed cookies and it worked again. Maybe a stretch but you never know

Hi hiteco, i reset Safari and it didn't work. after much Googling, I find out that jQuery tab is the culprit.

A suggested solution are doing checkResize() (sort of..) on the javascript but I don't know how to fix it yet, i don't understand the code.

I simply remove the map outside jQuery tab and it works.

http://www.web-directory-service.com/download/formidable-geocoder/

My start with Formidable Add ons and a map function

Ticket closed.