Meta tags:

Headings (most frequently used words):

2011, 2010, v3, api, may, thursday, april, google, maps, tricks, sunday, 08, 05, 28, monday, march, 14, friday, december, 10, saturday, october, 16, tuesday, 27, blog, archive, about, me, zoom, tooltip, hack, distance, matrix, quadtree, category, sidebar, there, is, no, sense, without, priority, marker, index, the, way, thought, it, was, automatic, reference, circle, in,

Text of the page (most frequently used words):
the (67), that (29), you (25), and (21), for (20), #marker (15), can (14), have (14), index (14), zoom (13), are (13), value (11), api (11), some (10), not (10), circle (9), code (9), esa (8), now (8), but (8), any (8), all (8), page (8), with (8), #distance (7), posted (7), there (7), set (7), google (7), was (7), maps (6), like (6), way (6), driving (6), october (5), december (5), may (5), april (5), tooltip (5), 2011 (5), map (5), would (5), has (5), pages (5), from (5), people (5), those (5), also (5), this (5), source (5), dom (5), sidebar (5), quadtree (5), about (4), november (4), 2010 (4), hack (4), comments (4), object (4), first (4), radius (4), create (4), use (4), actually (4), many (4), version (4), one (4), results (4), firefox (4), still (4), order (4), mobile (4), matrix (3), creates (3), thought (3), want (3), your (3), its (3), needed (3), used (3), size (3), does (3), option (3), comment (3), test (3), time (3), constructors (3), introduced (3), much (3), found (3), listed (3), them (3), method (3), internal (3), search (3), methods (3), find (3), something (3), they (3), getzindex (3), returns (3), latitude (3), element (3), equal (3), care (3), markers (3), user (3), should (3), default (3), without (3), category (3), entries (3), too (3), priority (3), display (3), collision (3), 100 (3), distances (3), service (3), slider (3), tricks (3), view (2), mouse (2), had (2), times (2), january (2), february (2), march (2), posts (2), more (2), useful (2), than (2), take (2), bounds (2), works (2), infowindow (2), when (2), nice (2), makemarker (2), example (2), namespace (2), long (2), control (2), each (2), thinking (2), stuff (2), global (2), scope (2), faced (2), programming (2), practice (2), similar (2), browser (2), loop (2), objects (2), were (2), looking (2), prototype (2), only (2), presents (2), work (2), click (2), documentation (2), forum (2), their (2), different (2), new (2), yes (2), reference (2), did (2), why (2), setting (2), actual (2), return (2), currently (2), make (2), property (2), single (2), been (2), don (2), fit (2), screen (2), simply (2), implement (2), detect (2), simple (2), interested (2), will (2), thursday (2), who (2), true (2), out (2), directions (2), requests (2), average (2), users (2), level (2), hovering (2), skip (2), complete, profile, goodbye, happy, together, 2006, june, 2007, 2008, july, august, september, 2009, blog, archive, subscribe, atom, home, older, circular, overlay, expected, show, area, say, mean, maths, provided, getbounds, fitbounds, calculations, well, clickable, anchor, keeps, minimum, based, stroke, width, behavior, cases, instead, title, flyover, however, supports, usual, events, custom, purpose, updated, tuesday, analyzes, contents, trouble, controlling, hackery, released, decided, polish, share, site, three, 2005, applied, offers, never, troubles, nowadays, bad, really, trickier, write, window, lot, must, filtered, scans, rubbish, additional, filtering, contain, header, members, scanned, again, inside, itself, looped, resulting, properties, row, coded, unique, features, kind, tosource, string, representation, prettyprinted, format, alert, dialog, box, see, links, name, resulted, listing, proves, written, following, good, practices, almost, variables, leaking, doesn, reveal, worth, exploring, always, deepens, understanding, undocumented, today, saw, comparing, versions, documented, separately, meaningful, nightly, release, frozen, automatic, saturday, undefined, under, hood, reveals, dependent, seems, top, position, container, clever, takes, displayed, right, south, front, returned, own, ruins, separated, zero, relative, overlays, settings, zindex, etc, easier, rewrite, values, raise, feeling, originally, meant, added, might, friday, thanks, applying, script, wrote, ago, sure, desktop, what, happens, limited, viewport, web, changed, since, browsers, smaller, mac, idea, gategory, living, strong, extended, cat, visible, iphone, remember, touch, devices, support, scrollbars, cut, material, shouting, flash, hehe, bring, parameter, current, design, center, smallest, few, decide, which, 1000, ideas, sense, monday, powerful, spatial, indexing, technique, every, then, function, using, playing, quadtrees, fascinating, haven, got, far, general, online, play, inspiring, experimenting, enclosed, basic, functions, detector, applications, mind, library, demo, wikipedia, latest, update, maximum, durations, request, store, locator, add, estimated, filter, exceed, limit, searches, less, tried, making, multiple, problems, asynchronous, responses, coming, back, same, made, very, travelmode, walking, city, numbers, developers, created, semihidden, provides, hints, hover, already, know, things, try, meters, resolution, extra, bonus, world, look, commented, feel, free, copy, molest, shall, post, license, sunday, notebook, snippets, collect, other, sometimes, myself, main,

Text of the page (random words):
google maps api tricks skip to main skip to sidebar google maps api tricks this is my notebook for google maps api code snippets and tricks i collect them from the forum from other people s source code and sometimes create by myself sunday may 08 2011 zoom tooltip hack average users don t care about zoom level numbers but some people do developers do i created a semihidden zoom level display for my pages google provides hints like zoom in and zoom out if you hover the zoom control element slider i thought that average map users already know those things try hovering zoom slider of the first quadtree example page yes hovering the zoom slider will display also meters px resolution that is an extra bonus for those who are interested in the world have a look in the source code it is commented there as zoom tooltip hack feel free to copy the hack if you like it you can molest the code any way you like shall this post be the license posted by esa at 6 06 pm 2 comments thursday may 05 2011 distance matrix distance matrix service was introduced in the latest update of v3 api it returns maximum 100 driving distances and durations by a single request reference all of you who have a store locator can now add true driving distances and estimated driving times in search results also you can filter out results that exceed a distance limit if user searches by 100 km radius you may want to return only results that have a true driving distance less than 100 km it is like driving directions without directions some people have tried to implement something similar by making multiple driving distance requests many of them faced problems with the asynchronous responses not coming back in the same order that requests were made the new service is very simple to use it has travelmode option too so it can be used for walking distances in city maps this is a useful service posted by esa at 6 27 pm 3 comments thursday april 28 2011 quadtree quadtree is a powerful spatial indexing technique wikipedia every now and then i been thinking to implement a collision detect function using quadtree playing with quadtrees is so fascinating that i haven t got as far as collision detect but i have a simple general quadtree demo page online play with it it s inspiring if you are interested in experimenting i enclosed the basic functions in qt js library the collision detector will be there too but i have some different applications in mind first posted by esa at 6 32 pm 1 comment monday march 14 2011 category sidebar there is no sense without priority thanks for many of you that been applying the category sidebar script i wrote a long time ago for v2 sure it works on desktop but what happens if all the entries don t fit in the limited viewport of a mobile browser web has changed since now we have to make pages that can be used by mobile browsers too the screen size can be equal or smaller to the first mac the idea of gategory is still living strong i have extended makemarker so that each marker has a cat property if you click one category visible all those markers and their sidebar entries do not simply fit in view in iphone also remember that mobile touch devices do not support scrollbars at all they simply cut the material people are shouting about flash hehe we have to bring one more parameter to a marker that is priority in my current design the default priority is the distance from map center the smallest mobile screen can display a sidebar with a few 10 entries you have to decide which of those 1000 they are ideas posted by esa at 1 45 pm 2 comments friday december 10 2010 v3 marker z index the way i thought it was the way it is marker getzindex returns undefined if you did not set any value for it looking under the hood reveals that actually there is a latitude dependent value set for the marker dom element the value seems to be equal to top position of the marker in map container that is clever it takes care that markers are displayed in right order by latitude south on front but why is the value not returned set any value for marker z index now getzindex returns the value and that set for the marker dom element so setting a z index value of your own ruins the order set by api the way it might be user z index and actual dom z index should be separated markers should have the default dom z index as it is now marker getzindex should return zero if you did not set any z index setting a z index value would be added to the default value so user z index would be relative to the actual dom value api would take care of order by latitude of overlays with equal z index like it currently does without any z index settings why that would make the zindex property of marker circle infowindow etc much easier to use currently you have to rewrite all the z index values if you want to raise z index of a single marker i have a feeling that it was originally meant to work that way posted by esa at 6 12 pm 1 comment saturday october 16 2010 automatic api v3 reference i have a test page that analyzes contents of google maps namespace i ve had it for a long time the trouble was that controlling the version needed some hackery with v3 now when the version control was released i decided to polish and share the page actually it is a site of three pages one for each version frozen 3 0 release 3 1 and nightly 3 2 api v2 is from 2005 and no namespace thinking was applied the constructors and all the stuff that v2 offers is introduced in global scope i never faced any troubles with that but nowadays some people like it as bad programming practice actually it really was much trickier to write a similar test page for v2 global scope window has a lot of stuff that is introduced by the browser and must be filtered the test page scans google maps object by a for in loop no rubbish is found and no additional filtering is needed the results contain the constructors and some objects those are listed on page and also on the index in the header all the members that were found are scanned by a for in loop again this time looking inside prototype objects if prototype is not found the object itself is looped resulting properties are listed in a row the pages are coded for firefox only firefox presents some unique features for this kind of work one of them is tosource method of object it creates a string representation of source code firefox presents source code in nice prettyprinted format in alert dialog box with firefox you can click any listed method on page and see its internal code also there are links to search the method name from documentation api forum or google code search the resulted listing proves that api v3 is written following good programming practices almost no internal variables are leaking the internal source code of the constructors and their methods doesn t reveal much still it is worth exploring you always find something that deepens your understanding about api the documentation practice of v3 is different to v2 in the way that there are not many undocumented methods in v3 still you can find some today i saw some new methods of marker you can use the pages for comparing versions yes they are documented separately but still you can find something meaningful posted by esa at 11 16 am 1 comment tuesday april 27 2010 circle in v3 circle object of v3 creates a circular overlay as expected it is more useful than i first thought if you want to zoom your map to show an area of say 50 km radius that would mean some maths create a circle of 50 km radius and take its bounds by now provided getbounds you can use the bounds to zoom the map by fitbounds no calculations needed an example circle can be used as a marker as well it is clickable and it works as an anchor for infowindow marker keeps its size when you zoom circle does not but circle has a minimum size based on stroke width that is actually nice behavior in many cases now there is an updated version of makemarker it creates a circle instead of marker if you set any value to radius option title option does not create a flyover tooltip however circle supports all the usual mouse events so you can create a custom tooltip for the purpose posted by esa at 5 43 pm 3 comments older posts home subscribe to posts atom blog archive 2011 4 may 2 zoom tooltip hack distance matrix april 1 march 1 2010 9 december 1 october 1 april 1 february 3 january 3 2009 13 december 2 november 1 october 1 september 2 august 4 july 3 2008 16 december 2 november 6 october 7 april 1 2007 6 november 1 june 1 may 1 february 1 january 2 2006 10 december 2 november 3 october 5 about me esa goodbye mouse we had happy times together view my complete profile