Best plugin for jQuery and Google Maps API v3?

I've been looking for a jQuery plugin to load a gMaps using Google Maps API v3.

What are the jQuery plugins you use in this case?

At the moment, jMapping is the best I've found:

https://github.com/brianjlandau/jmapping

Answers


I had a good experience using $.goMap. I didn't push it to far, though, so YMMV.


I might be a bit bias here, but I would recommend jquery.ui.map - jQuery Google maps v3 plugin for UI and jQuery mobile, since it can populate a map from microdata, microformats and rdfa, thus search engine friendly :) plus it's small and easy to use.


Gmap3 4.1:

Positive: Seems to have alot of functions, like it's own clustering (I havn't tested it properly)

Negative: It's big (29kB) and the syntax is slightly confusing (I havn't tested it properly).

Total size: 29kB


jMapping 2.1.0:

Positive: Good for SEO and usability since you always have to have an html list present.

Negative: Not using standard metadata and use of data attribute, alot overhead, not flexible, lacking alot of features

Total size: 49kB - jMapping 6kB + jQuery metadata 5kB + markermanager 29kB + Styledmarker 9kB

I wouldn't consider building anything more complex than 'this is my office' or 'parks in our city'.


goMap 1.3.2:

Positive: Kind of easy to use. Better than jMapping when it comes to having more features

Negative: Still lacking alot of features, not flexible

Total size: 11kB

I would use this over jMapping for more complex implementations, however it seems I'd still have to write alot of native Google maps code.


jquery.ui.map v.3:

Positive: Easy to use, split into several js files (or one) for your implementation needs. Can read from standardized metadata (microdata, microformats, RDFa) which means it's good for SEO and usability, easy to override any function or add new functions without hacking the core.

Negative: It has alot of options, which might add complexity for people not used to the plugin and/or jQuery.

Total size alt. 1: 4kB - jquery.ui.map.min.full.js (4kB)

Total size alt. 2: 5-7kB - jquery.ui.map.min.full.js (4kB), jquery.ui.rdfa.min.js/jquery.ui.microformat.min.js/jquery.ui.microdata.min.js (1-3kB)

Other jquery google maps plugins can be found here


Also here are some plugins gathered so you can see some demos and maybe test some of them.


Need Your Help

In React, how do I detect if my component is rendering from the client or the server?

javascript node.js reactjs

I'm building a isomorphic application, but I'm using a third-party component that only renders on the client. So, particularly for this component, I need to only render it when I'm rendering in the