SL Google Map Field Type : Google Maps in your CP, SAEFs, and EE templates : Now with map types in the CP

This extension is fantastic. Thank you.

I have a question with regards to SAEF display of an SL Google Map: Is there a way to have the address/location field appear above the Google Map in a SAEF? I tried looking through all of the extension files but was unable to determine where this would be done.

I looked at the source ti confirm that the Jquery is being called in the control panel but I can’t get the map to show. Any thoughts?

Found the error. I had a typo in the jquery url after all. Thanks a bunch I’m off to go play around. Excited about the SAEF capabilities. Thanks for sharing!

@wecreatetyou

Glad you got it sorted.

@vibe9

That sounds like a CSS job to me. As standard, the map is contained within a div with a class of “sl-google-map”. The address lookup is contained within a div with a class of “sl-google-map-address-lookup”. Both of these are wrapped in a div with a class of “ff-ft”.

So, something like this should work (note that I haven’t tried this at all).

.ff-ft {position : relative;}

.sl-google-map {margin-top : 5em; /* Will doubtless need tweaking */}

.sl-google-map-address-lookup {
left : 0;
position : absolute;
top : 0;
}

Hope that helps, Stephen

I am successfully using SL Google Map field type on our site on a stand alone SAEF template page. However, if I try to use the exact same template layout within jquery tabs, and have this field type inside a tabbed content area, the map is not loading properly. Presumably this might be a fault of the map trying to load before the tabs are loaded or vice versa.

Attached is a screen shot showing what it looks like.

If you think you might have a solution and need to look at the page, please let me know and I can PM the page. Site is under construction and the client wants it kept quiet for now.

Thank you.

Hi OutofControl,

I am successfully using SL Google Map field type on our site on a stand alone SAEF template page. However, if I try to use the exact same template layout within jquery tabs, and have this field type inside a tabbed content area, the map is not loading properly. Presumably this might be a fault of the map trying to load before the tabs are loaded or vice versa.

This sounds like an oft-discussed Google Map bug, which was first noted by Marcin, in this comment.

Subsequent comments contain the full story, but the summary is that changing from display:none to display:block triggers the bug.

It’s not a bug with the extension, so there’s nothing I can directly do to address the issue. However, the workaround of positioning the map off-screen, and then moving it to the correct location when the map is show seems to be working well.

Hope that helps, Stephen

Great extension, it works almost perfect. Two small issues:

1. I cannot set the zoom level (back end or front end). I set level 17 but nothing happens. (Coordinates Stockholm, Sweden)

2. The center map does work sometimes but sometimes not.

edit: 3. I just found another problem. At segment 3 (when viewing an article or blog post) the map does not render at all, no fallback, no markup no nothing

Sorry, but I can’t give you a link for now since the site is closed to the public. I’m using the latest version of EE and SL Google Map

This are my map tags:

{exp:weblog:entries weblog="maps" disable="categories|category_fields|member_data|pagination|trackbacks"}
    {google-map id="googlemap" class="googlemap" controls="zoom|scale" map="drag|click_zoom|scroll_zoom" pin="drag|center" map_types="satelite"}
      {map}/gfx/gmaps.png{/map}
    {/google-map}
{/exp:weblog:entries}

/S

How difficult would it be to plot all the locations of all the entries in a weblog on 1 map?

@Santo

I cannot set the zoom level (back end or front end). I set level 17 but nothing happens. (Coordinates Stockholm, Sweden)

I can’t reproduce this problem at all. Do you have the same problem with other locations?

The center map does work sometimes but sometimes not.

Again, I can’t reproduce this. Can you supply some more details please (including OS and browser)?

I just found another problem. At segment 3 (when viewing an article or blog post) the map does not render at all, no fallback, no markup no nothing

Does any other weblog content get displayed in this case? If not, it’s a problem with your exp:weblog:entries loop, not the extension. dynamic = off perhaps?

@gamma911

How difficult would it be to plot all the locations of all the entries in a weblog on 1 map?

This is not supported in this version of the extension, and can’t be easily hacked.

Stephen

@Santo

I cannot set the zoom level (back end or front end). I set level 17 but nothing happens. (Coordinates Stockholm, Sweden)

I can’t reproduce this problem at all. Do you have the same problem with other locations?

Yes, all locations.

The center map does work sometimes but sometimes not.

Again, I can’t reproduce this. Can you supply some more details please (including OS and browser)?

This is tested on Win IE7/IE8, FF3.5, Safari4 and Mac FF3.0, Safari 4 (i hope this info is enough). It seams the map thinks that the center of the map is just outside the upper left corner.

I just found another problem. At segment 3 (when viewing an article or blog post) the map does not render at all, no fallback, no markup no nothing

Does any other weblog content get displayed in this case? If not, it’s a problem with your `exp:weblog:entries` loop, not the extension. `dynamic = off` perhaps?

Yes, my blog post and other related information is displayed.Setting dynamic doesn’t change anything.

If you want I can let you in if you want to have a look.

Thanks! /S

Attached is a slightly adapted page from the excellent Google Maps tutorials by Mike Williams at http://econym.org.uk/gmap/ This adds a pin to a map for every entry in the weblog and allows links in the info window. I use something similar with this extension. You can see it working on a demo site here.

Read the comments in the page to see where you need to replace with your own content.

@Santo Could you try reinstalling the extension? Nobody else has reported this problem, so it sounds like something specific to your setup; probably something as trivial as an incorrect path.

If you still don’t get any joy, IM me the details and I’ll take a look. It’ll probably be next week though, as I’m on holiday right now, and internet access is limited.

@Paul Looks interesting, thanks.

Cheers, Stephen

Quick question: How would I go about taking the location specified, and instead of displaying an embedded map with a pin, linking to that location in Google Maps?

I ask this because embedded Google Maps don’t have street names where I’m from, whereas Google Maps proper does.

EDIT: Nevermind - I should be able to figure it out with the info from this page: http://mapki.com/wiki/Google_Map_Parameters

KKCJ, link to GoogleMaps. Use this inside a weblog:entries tag.

<a href="http://maps.google.com/maps?q={google-map}{pin_lat},+{pin_lng}{/google-map}+{title}&iwploc=near&hl=en">GoogleMap Link</a>

Replace {google-map} with the name of your custom field. Replace {title} with the field you want to show in the marker bubble.

A useful list of all the parameters you can use with Google Maps at mapki.com