Menu
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
901
google-places. js is a jQuery plugin which displays Google Places data (currently only reviews) on the page using Google Map's Places API.
You won't be charged until your usage exceeds $200 in a month. Note that the Maps Embed API, Maps SDK for Android, and Maps SDK for iOS currently have no usage limits and are at no charge (usage of the API or SDKs is not applied against your $200 monthly credit).
The Maps JavaScript API uses a pay-as-you-go pricing model. Maps JavaScript API requests generate calls to two different SKUs depending on the type of request: map loads or panoramas.
Deleting the existing key and regenerating a new key worked for me. Show activity on this post. InvalidKeyMapError happens when your API key can't be found. So make sure you are using correct key that you generate or regenerate it.
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
154
I had a good experience using $.goMap. I didn't push it to far, though, so YMMV.
21
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
