2011/3/2 - New Release

1,497 views
Skip to first unread message

Chris Broadfoot (Google Employee)

unread,
Mar 2, 2011, 12:08:17 AM3/2/11
to google-map...@googlegroups.com
Hi all,

Recently a new version of the Maps API went live. We have made improvements to Marker rendering performance.

Mobile browsers and IE can now display hundreds of markers in a second, while modern desktop browsers can render thousands of markers in a second.

Note: if you listen for DOM events on elements inside MapPanes, DOM events may not fire for elements in Panes 0, 1, and 2. See the MapPanes reference here:

A brief reminder (again!) that production sites should specify a minor version when loading the API:

In this release:
  * Markers now rendered in Canvas where available
  * Bigger click targets for polylines, polygons, KML

Change log:

Thanks,
Chris

pkh80

unread,
Mar 2, 2011, 12:59:45 PM3/2/11
to Google Maps JavaScript API v3
Cool!

Are the Canvas rendered markers only available if using non-custom
markers? Anywhere we can see a reference implementation of this
feature?

Thanks!

On Mar 1, 9:08 pm, "Chris Broadfoot (Google Employee)"
<c...@google.com> wrote:
> Hi all,
>
> Recently a new version of the Maps API went live. We have made improvements
> to Marker rendering performance.
>
> Mobile browsers and IE can now display hundreds of markers in a second,
> while modern desktop browsers can render thousands of markers in a second.
>
> Note: if you listen for DOM events on elements inside MapPanes, DOM events
> may not fire for elements in Panes 0, 1, and 2. See the MapPanes reference
> here:http://code.google.com/apis/maps/documentation/javascript/reference.h...
>
> A brief reminder (again!) that production sites should specify a minor
> version when loading the API:http://code.google.com/apis/maps/documentation/javascript/basics.html...
>
> In this release:
>   * Markers now rendered in Canvas where available
>   * Bigger click targets for polylines, polygons, KML
>
> Change log:http://code.google.com/p/gmaps-api-issues/wiki/JavascriptMapsAPIv3Cha...
>
> Thanks,
> Chris

Chad Killingsworth

unread,
Mar 2, 2011, 2:01:59 PM3/2/11
to google-map...@googlegroups.com
Custom icons - using canvas (in supporting browsers): http://code.google.com/apis/maps/documentation/javascript/examples/icon-complex.html

Chad Killingsworth

Nathan Raley

unread,
Mar 3, 2011, 9:27:49 AM3/3/11
to google-map...@googlegroups.com
Just a note I thought I'd bring up, my clients running older versions of Explorer for their browser are seeing marker images "flicker" when changing the position of the markers on the map.  This appears to be an occurrence with the new release.

--
You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group.
To post to this group, send email to google-map...@googlegroups.com.
To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.

Martin Kleppe

unread,
Mar 7, 2011, 10:12:07 AM3/7/11
to Google Maps JavaScript API v3
I definitely like the latest changes,

but unfortunately the use of CANVAS causes some issues.

E.g: Negative positioning in image sprites will throw an error:
http://code.google.com/p/gmaps-api-issues/issues/detail?id=3103

and the anchor argument for shadow image won't work anymore:
http://code.google.com/p/gmaps-api-issues/issues/detail?id=3112

If you run into this, setting the version to v=3.3 will might help you
out.

- Martin

On 2 Mrz., 06:08, "Chris Broadfoot (Google Employee)"
<c...@google.com> wrote:
> Hi all,
>
> Recently a new version of the Maps API went live. We have made improvements
> to Marker rendering performance.
>
> Mobile browsers and IE can now display hundreds of markers in a second,
> while modern desktop browsers can render thousands of markers in a second.
>
> Note: if you listen for DOM events on elements inside MapPanes, DOM events
> may not fire for elements in Panes 0, 1, and 2. See the MapPanes reference
> here:http://code.google.com/apis/maps/documentation/javascript/reference.h...
>
> A brief reminder (again!) that production sites should specify a minor
> version when loading the API:http://code.google.com/apis/maps/documentation/javascript/basics.html...
>
> In this release:
>   * Markers now rendered in Canvas where available
>   * Bigger click targets for polylines, polygons, KML
>
> Change log:http://code.google.com/p/gmaps-api-issues/wiki/JavascriptMapsAPIv3Cha...
>
> Thanks,
> Chris

rob

unread,
Mar 7, 2011, 7:17:05 PM3/7/11
to google-map...@googlegroups.com
Yes the canvas caused problems with my custom overlays.

I have had to down grade to v3.3.

I could no longer click on elements within my overlay.

I wasted a couple of hours trying to figure out what was wrong, tweaking style sheets etc.

This version should have been 4.0 and a different link to the api should have been provided!

Luke Mahé

unread,
Mar 7, 2011, 7:27:40 PM3/7/11
to google-map...@googlegroups.com, rob
If you want your overlays to be clickable then you need to make sure that they are in a MapPane that will receive DOM events. You can see a list of the MapPanes in the reference and which ones will get DOM events - http://code.google.com/apis/maps/documentation/javascript/reference.html#MapPanes

-- Luke

rob

unread,
Mar 7, 2011, 8:50:43 PM3/7/11
to google-map...@googlegroups.com, rob
Thanks Luke,

All I'm saying is that my code worked with the previous version so there are some backward compatibility issues. 

Nathan Raley

unread,
Mar 8, 2011, 9:22:12 AM3/8/11
to google-map...@googlegroups.com
Have we had any updates on the flickering markers when changing their position?

On Mon, Mar 7, 2011 at 7:50 PM, rob <robert...@gmail.com> wrote:
Thanks Luke,

All I'm saying is that my code worked with the previous version so there are some backward compatibility issues. 

--

Gary Little

unread,
Mar 8, 2011, 2:46:57 PM3/8/11
to Google Maps JavaScript API v3
See marker "getVisible()" bug that has surfaced in the past day or so:

http://code.google.com/p/gmaps-api-issues/issues/detail?id=3114

Gary

On Mar 1, 9:08 pm, "Chris Broadfoot (Google Employee)"
<c...@google.com> wrote:
> Hi all,
>
> Recently a new version of the Maps API went live. We have made improvements
> to Marker rendering performance.
>
> Mobile browsers and IE can now display hundreds of markers in a second,
> while modern desktop browsers can render thousands of markers in a second.
>
> Note: if you listen for DOM events on elements inside MapPanes, DOM events
> may not fire for elements in Panes 0, 1, and 2. See the MapPanes reference
> here:http://code.google.com/apis/maps/documentation/javascript/reference.h...
>
> A brief reminder (again!) that production sites should specify a minor
> version when loading the API:http://code.google.com/apis/maps/documentation/javascript/basics.html...
>
> In this release:
>   * Markers now rendered in Canvas where available
>   * Bigger click targets for polylines, polygons, KML
>
> Change log:http://code.google.com/p/gmaps-api-issues/wiki/JavascriptMapsAPIv3Cha...
>
> Thanks,
> Chris

Jason Jonas

unread,
Mar 8, 2011, 8:26:28 PM3/8/11
to google-map...@googlegroups.com
We're using a labeled marker. The labels stopped appearing until I set the version explicitly to 3.3. I'm not sure what the issue is, but if someone wants to check it out, here are a couple of links - one without the labels and one with:

http://spotwalla.com/label-marker-error.html

http://spotwalla.com/label-marker-no-error.html

I have no other issues with the new release, but this is pretty big issue for us. If someone can provide some information/direction on how to fix this, I'd appreciate it.

Thanks.

Jason

config

unread,
Mar 9, 2011, 9:29:47 AM3/9/11
to Google Maps JavaScript API v3
This update has introduced a bug in IE with maps that use polygons and
markers.

I have a map that overlays polys that click to sub-region polys that
in turn click to a level where we draw many markers.

The bug manifests as missing or clipped/partially visible marker. If a
marker's icon is changed that marker disappears and will only reappear
when an different marker has its icon changed.

I set-up a test (before I discovered this post - boy I wish I'd sub'd
to this group a few days ago!) that doesn't have all the app's code
and distils things down to just rendering the map and triggering this
bug.

http://ga.rethedwards.com/gmaps-v3_4-ie-poly-marker-bug.html

Reverting to 3.3 resolves this, naturally.

Eagerly awaiting a fix and a return to faster (though IE visible)
markers!

Gareth

Nathan Raley

unread,
Mar 9, 2011, 2:11:02 PM3/9/11
to google-map...@googlegroups.com
Nice that you tracked that down.  I was seeing the "flickering" of markers as well and if that's what is actually causing it that would make sense, as the map is constantly updating a handful of marker positions.

Gary Little

unread,
Mar 9, 2011, 2:46:48 PM3/9/11
to Google Maps JavaScript API v3
Jason:

See http://code.google.com/p/gmaps-api-issues/issues/detail?id=3114

Comment 9 there has an easy workaround for your problem until the V3.4
bug is fixed. Simply set the visible property of your labeled markers
explicitly when you create them.

Gary

Andri Yau

unread,
Mar 11, 2011, 12:05:29 AM3/11/11
to google-map...@googlegroups.com
is anyone have the same issue as me which is you can not use animated GIF image anymore to change the marker icon?
previous version animated GIF is working find on my map.

sgiddings

unread,
Mar 11, 2011, 4:00:20 AM3/11/11
to Google Maps JavaScript API v3
Andri,

Your problem with animated gifs is due to the fact that the original
image is no longer used.
Instead it is "drawn" onto a canvas object - in your case the first
frame of the animated gif.
Should you still need to use an animated gif, you will need to create
your own overlay object which still uses standard html elements.

Simon

Chad Killingsworth

unread,
Mar 11, 2011, 10:49:48 AM3/11/11
to google-map...@googlegroups.com
On Friday, March 11, 2011 3:00:20 AM UTC-6, sgiddings wrote:
Should you still need to use an animated gif, you will need to create
your own overlay object which still uses standard html elements.

Simon

I'm pretty sure if you set your markers as draggable, they will not use canvas to draw and should animate.

Chad Killingsworth

Andri Yau

unread,
Mar 13, 2011, 11:06:30 PM3/13/11
to google-map...@googlegroups.com
Hi,

do you have any example that i can refer to?
i try to make my own and try to follow the on the document, guest i do not have any luck.

Andri Yau

unread,
Mar 13, 2011, 11:07:47 PM3/13/11
to google-map...@googlegroups.com
Hi Chad,

i try your method and its work find the issue only is i do not want to have draggable marker on the map :)
Reply all
Reply to author
Forward
0 new messages