google maps – what am I missing?

[Anonymous]

Hi

I am having an issue implementing the google maps.

I am on Version 3.1.1 of your plugin.

What happens is…

when I edit an event the map shows up fine as expected.

when I edit a location it says map not found (but it does show in the event edit)

when I view a specific event (normal site ie outside of admin area) the map shows but the reference seems to be off ie it puts the marker some where on the equator near Africa

so what am I doing wrong?

cheers

J

[Franky]

Probably you’re using quotes or so in your event name/location info, no?

In the admin side, the event is looked up by location info, but when viewing the longitude/altitude found is used. Normally this gets added to the database just fine, but when you’re using special characters: it is a bug.

I would suggest to try out the trunk version and see if that fixes your problem. No database changes have happened, so you can just copy the files over the old version (and if you want to go back: copy over the files from the old version): http://downloads.wordpress.org/plugin/events-manager-extended.zip

[Anonymous]

same for me!

My additional issues for google maps are:

– when I edit a LOCATION, it tells “map not found” until I click in one of the adress-fields

– when I edit a teaching, the map is shown, but not completely, some areas remain grey

Additionally to Taranis issue: as soon as you add a second venue/location, the first one jumps to the correct place…

I can provide you an access to the layout page, just send me a short email or reply here.

Thanks a lot for your excellent work so far!

Sebastian

[Franky]

Well, do try out the trunk version. If that doesn’t fix it for you: any demo or admin access where you can demonstrate this behaviour is appreciated, so that I can try to reproduce it here.

[Anonymous]

sent you a mail. Cheers

[Franky]

Sebastian: the translation you’ve done seems to be very weird: I seem to have many words in German or so …

Now the problems:

– you have the setting “Use dropdown for locations” for Events Manager Extended on. I’ve disabled it, so now you can insert new locations with events.

– for the image upload: the size is set to a max of 204800 bytes (or: 200 KB), seems very low to me … try increasing that (I increased it to 2MB for you)

– for the missing details: you never mention the shortcode #_NOTES anywhere in the format settings, so of course the details are never shown. I’ve changed the setting “Default single event format” to include this (which is called “Standardformat für eine Terminseite” in your page anyway), but you should change this to your liking.

So to summarize: you have no problems at all, just settings you need to check.

[Anonymous]

Issue: google maps balloon / css

As you saw yesterday, the details-link in the balloon must be somehow in #FFFFF and changes only by hovering to the native color.

So I’ve tried out to change several css codes in myown.css.

The only effective way was to set background to another color by e.g. background: #33333; So at least it changed the text.

I am referring to .dbem-location-balloon.

But any link-related variables of all kinds didn’t work. I think it must be sth like a special link or addressed in a different way. Even by looking into the google’s own howto’s I could not find anything suitable that worked with this balloon.

So my suggestion: could you add some additional info’s maybe in the FAQ’s.

Would be nice to change: link-color, balloon color, border etc. if possible.

Thanks a lot,

SPSMH

[Franky]

If you want to change colors of elements inside the balloon, you’ll need to override the css you defined for eg. the links (html a-tag)

In your case, you’ll need to define extra things in myown.css, eg.

.dbem-location-balloon a {

color #000000;

}

Or whatever you come up with in CSS. I’m not that big of a CSS specialist, but you can find many tips on the internet concerning this.

[Anonymous]

I’ve tried… unfortunately I am not the CSS-king myself… maybe we’ll find somebody. But I found out something else: the link-css is taken from the main css of the template.

It has the same colors as my links, and as my text is #FFFFFF white and my links are #775511 orange in the main template: can only be that…

So I think balloon takes part of the css out of myown.css and other parts of style.css of the template.

[Franky]

CSS works like that: if you don’t redefine it, it takes the value previously defined (in you case: from your template css). But I gave you the css code for changing the link color in myown.css.

Btw: using firefox and firebug can help you a lot as well.

[Anonymous]

balloon settings: are you planning more features to be set in the backup? e.g. the location image, if I just put it in the balloon like that, it appears in its original size… so it’s the question for the future if you enable those settings right in the backend.

Greetings and a beautiful sunday!

[Franky]

For the image inside the balloon: again CSS to the rescue. Eg:

.dbem.location-balloon img {

max-width:80px;

max-height:80px;

}

(or just width and height, for internet explorer 6)

Otherwise I suggest you just use small images 🙂

I’m still working on the vertical scrollbar in the location balloon though, it’s a google thing …

[Anonymous]

what is internet explorer 6?

thanks for the css… could not find the right syntax to talk to it (img).

Well what I mean is that it would be inserted automatically or by choice in the backend settings… so on the page it’s huge and nice and in the balloon small and tiny 🙂

[Anonymous]

another idea: 2 sources: one thumb (e.g. only logo) and a tall one for the site… maybe…

[Franky]

Well, you can already do something like that:

– use the #_IMAGE location only for the balloon format, not the location description

– add the larger image in the location description using the wordpress html editor

I know I could maybe resize the image and show a thumbnail version in the location balloon. I’ll try something like that, but in the next version. You might want to open a new entry in the Feature Requests forum for this

[Anonymous]

I think the proposition you’ve made works fine for the moment… I’ll try that out.

I’ve tried the CSS in myown.css, but it had no effect, unfortunately… I’ll try a bit around, let’s see what happens.

[Franky]

Made a typo, should be something like this:

.dbem-location-balloon img {

max-width:80px;

max-height:80px;

}

[Anonymous]

okay… here my results for the moment:

please take a look at: http://www.maier-hallard.com/testseite/?page_id=229&location_id=4

– I’ve uploaded a smaller pic for the location (80×80) – it’s shown by #_IMAGE

– I’ve uploaded and inserted the large pic trough media library (via WYSIWIG mode in German, via HTML mode in English). It plots out the HTML-Code for the location picture in the post instead of showing the pic…

And: take a look at the browser’s title bar… there is a tiny <p> in front of the Title itself.

[Franky]

ok, I’ll take a look at the large pic and the <p> issues …

[Franky]

– the html-source issue is solved in trunk

– the <p> is there because you have it in the setting “Single location page title format”

– I also fixed some strings that needed translating

[Anonymous]

the maps have a very strange behaviour in Opera and IE8…

Opera:

– zooming via mouse wheel – ok

– moving by mouse dragging or map-button: does not refresh the new areas

IE8:

– all maps, resp. markers are scaled with a wrong aspect ratio

– do not refresh by dragging

– do not refresh by zooming

– balloon seems to be a bit… let’s say… busted…

For any browser:

– the map with the overview does not show the .dbem-location-map img, but sets a sweet tiny scrollbar instead…

[Franky]

I don’t support google V3 API myself you know 🙂 The way google maps acts is very odd sometimes … I just tested your site in IE8, and indeed the balloon is weird (also the map itself). While on my site, they look just fine. Try disabling some CSS and see what happens.

The scrollbar thing is (as said before) a google thing, I’m still fighting to get rid of it and think I found the solution for it.

[Franky]

I seem to have fixed the scrollbar issue. Please update to the latest trunk version, and make sure to remove this from myown.css (if it’s there):

.dbem-location-balloon {

height: 70px;

}

(the height will vary)

[Anonymous]

perfect!

[Franky]

Seastian, did you test this? On your test site, the balloons are still very large …

[Anonymous]

yes, I’ve changed the balloon height… is okay.

I’ve given width: 290px to the balloon… is fine

I’ve given a relative width: 95% to img… nice

I’ve given an absolute width to the img… same thing

I’ve given no width to the balloon … takes size of the original image, even if it’s displayed by total width:200px

(image size is ~700px)

Just to let you know.

Feel free to play arount. All img settings are overtaken in myown.css

[Franky]

So, I’m assuming it’s ok 🙂

Another “bug” bites the dust … but in fact this is a dirty google maps workaround. But since it works, who cares 🙂

[Anonymous]

hi,

I would like to add a search button from google map inside the map i added on my website restaurantparticulier.com does anyone know how I can do this?

Thanks

Wassim

[Author]

Posts