Comments on: Beta chapter from my upcoming book on Google Maps API v3

By: Heitor

Heitor — Fri, 21 May 2010 16:32:02 +0000

Thanks for the great chapter. It’s been a big help so far in helping me create a Google map for our church’s website. I have been unable, however, to deal with the window closure problem. I can write the function to add markers and info windows to the map without any problems, but when I revise the code in the loop to call the new function, nothing comes up on the website. I am using exactly what is in the book (modified of course for my purposes): for (var i = 0; i < gender.length; i += 1) {
addMarker(gender[i], i);
}
Any suggestions on what I am doing wrong?

By: Bruce

Bruce — Wed, 19 May 2010 14:25:45 +0000

Casey: There's sort of a way of resizing them dynamically. If you use the MarkerImage class to create the icon for the marker, it has a property called scaledSize with which you can change the size of the image. The only problem is that the MarkerImage object can't be changed once it has been created so you have to have one MarkerImage for each zoom level. You'll only need one physical image though. Check out the MarkerImage object in the documentation.

By: Gabriel Svennerberg

Gabriel Svennerberg — Sun, 16 May 2010 09:01:48 +0000

Ben Appleton: Thanks a lot for your feedback, I really appreciate it! The book is progressing well and this chapter has seen some significant changes since I published the beta version. I think there’s still a chance to make some additions in the second pass of the chapter though.

The nit-pick is the stuff I’m looking for. It’s very useful to me!

By: Ben Appleton

Ben Appleton — Sun, 16 May 2010 04:48:57 +0000

Hey Gabriel, great start on your book!

For the red teardrop marker on first page, it would be neat to show the shadow as well.

> The marker object is conveniently available in the google.maps.Marker namespace.

google.maps is the namespace, google.maps.Marker is a constructor.

> The reason is that it’s just plain wrong to steal other people’s bandwidth without permission.

You could also mention another, more pragmatic reason: they may move their file and break your application.

> Icons supplied by Google.

You might also want to mention that Google Chart API supports customized map pins:
http://groups.google.com/group/google-chart-api/web/chart-types-for-map-pins

> It can be plain text, HTML or a reference to a HTML-?node.

Technically the content can’t be plain text, it has to be a HTML string or a DOM node. Specifically, plain text containing HTML entities such as “<" will not render correctly unless it is first HTML-escaped.

Sorry to nit-pick, your book looks awesome so far

- Ben

By: Casey

Casey — Sat, 17 Apr 2010 18:39:56 +0000

Well, I tried again and scaleSize does work. Thanks for pointing me in the right direction. I must have been calculating the size wrong before. Works like a charm now. Thanks again! Looking forward to the book.

By: Casey

Casey — Sat, 17 Apr 2010 16:18:40 +0000

I tried using that, but it only resized the clickable area while the image remained the same size. So, I had a 30×30 marker, used the MarkerImage object to set a new marker with a scaleSize of 100×100 to test, and only the click area got bigger. I could hover over the marker 70px to the right and under the 30×30 icon and, when clicked, the info window popped up 20px to the right… the halfway point if I had used a real 100×100 icon. Maybe I was doing something wrong, but it seemed like scaleSize only allocated the area for the marker and didn’t resize the image one way or the other. I wish Google had better documentation on all this, that’s why a book on it would be great.

By: Gabriel Svennerberg

Gabriel Svennerberg — Sat, 17 Apr 2010 08:48:17 +0000

By: Casey

Casey — Fri, 16 Apr 2010 22:33:26 +0000

Thanks for sharing this. I’ve looked around and there don’t seem to be any really good guts and bolts books on the v3 api and I would definitely be interested in one.

Would you happen to know of a way to resize markers dynamically? I’ve figured out how to hook into the zoom event and get the zoom level change to work with. For now, I am calling a script as an image that outputs different sized images on the fly depending on the zoom level. This does exactly what I want, but I’m wondering if there is an easier, pure js way to do this with the v3 api.

Love the website, too. Lots of great info. Keep up the good work

By: Gabriel Svennerberg

Gabriel Svennerberg — Mon, 12 Apr 2010 20:09:57 +0000

Larry: Yeah, they’ve renamed all the methods with underscore in them to camel cased ones in the API after I wrote the beta chapter. It’s corrected in the final book though, so don’t worry!

I’m happy to hear that you liked the chapter even though it contained errors. If everything goes as planned, the book will be available in August.

By: Larry

Larry — Mon, 12 Apr 2010 14:41:56 +0000

Im a php coder, fairly new to JS and in turn the maps API, this book is exactly what I am looking for. I did go ahead and test those final code in this chapter and it did not seem to create info windows for the marker. That got me to poking around a bit and you book uses the following line….

infowindow.set_content(‘Place no ‘ + no);

but set_content is not a function. Having a small project built around v3 API when it was in beta I had some stuff change, presumably when google took that API from beta to release they renamed some stuff and set_content should now be setContent.

I hope any error like this in the book are cleaned up before its published or it could be a mess. Nice work though, I already have the book preordered.