đź”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

123 JQuery Google Maps Plugins

Are you looking for JQuery Google Maps Plugins If yes then you are on right place because here we have collected most popular 123 JQuery Google Maps Plugins for you. you can choose any of following JQuery Google Maps Plugins which suits best to your web based projects, These all are highly rated JQuery Google Maps Plugins.

Geomapify is a ultimate javascript library for Google Maps Autocomplete. .....
Core Java Script Maps Other API


A jQuery plugin to serve a store locator with google maps Application interface. .....
Maps Plugins



This is a light plugin that allows you to define maps, and gives you the option to display the directions between two points using Geolocation or a specific point. Also it has the options for searching a new route. .....
Core Java Script Maps Other API Premium


An easy way to embed google maps in your site.Features:Customizable google maps (dimensions, zoom level, terrain type, etc)Multiple markers with text and custom icons.RoutesEvents to handle markers and routes (show, show_all, hide.....
Maps Other API Plugins



Weather on Google Maps plugin allows to easily embed any number of Google Maps with current weather information on any numer of cities. You can customize the look and feel of the weather information box and even choose what data t.....
Maps Other API Plugins Premium


A library for adding a marker which tracks a user’s location for use with the Google Maps JavaScript API v3. This library uses geolocation to add a marker and accuracy circle to a map. The marker position is automatically up.....
Core Java Script Maps



Google Maps Draw Module is a useful tool for web developers who want to build web apps for drawing on maps in the front end. It is based on modern tools such as Google API v3, jQuery, Javascript, Bootstrap, HTML5 and CSS3.This mod.....
CSS HTML5 Maps Other API Premium


A tiny jQuery plugin for lazy-loading Google Maps. jQuery plugin, which just loads the maps and then gives away the full control of the loaded ones to you.On every scroll and browser resize interval the plugin checks whether ther.....
Maps Plugins Responsive




I couldn’t find anything that fully did what I was after so I built mappy (besides I need the JavaScript practice!).In short it provides the following:UI for users to “select” a place (you get a callback detailin.....
Maps Other API


Well, when scrolling a website on your mobile device you can get trapped in a google map due to the Maps scrollbar of death™. This plugin gives you a native google maps on your website and a safe fallback to the static image API.....
Maps Plugins Responsive


5sec Google Maps Standalone with jQuery have following features :Features:5sec concept ensures you’re not wasting your timeall configuration is done through HTML – no messy JSiframe and single image maps are available for .....
Maps Plugins Premium Responsive


“Google Maps Events” is a nice way for show locations info when click on map’s markers. The script using XML files for show the information for each location. You can show the information in an accordion menu, in tabs menu, .....
Core Java Script Maps Other API Premium XML



Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.It requires jQuery and Google Maps API v3 so you need to have both in your page.Features:Straightforwar.....
Maps Other API Plugins


Well, when scrolling a website on your mobile device you can get trapped in a google map due to the Maps scrollbar of death™. This plugin gives you a native google maps on your website and a safe fallback to the static image API.....
Maps Other API Plugins Responsive


geo-autocomplete converts any input field on a web page into an autocomplete field that suggests locations in real-time as you type, including a little thumbnail to help you quickly choose the right location. It’s like Googl.....
Maps Other API Plugins


This plugin is designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML. The plugin tries to allow as much graceful degradation as possible by having t.....
Ajax Maps Plugins


I’m sure it’s partly me getting better at JavaScript, but I found the API quite well done and easy to work with. For one thing, it’s fully evented. That means you can attach event listeners to different thing, li.....
Maps Other API


gmap3 is a plugin for jQuery which allows you to use the Google maps API easily. It provides some powerful functions (clustering…) and some simple which avoid you to write lot of repetitive code. However, it allows to use al.....
Maps Other API Plugins


Kartograph is a new framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind.The core concept of Kartograph is to.....
jSON Maps SVG Tutorial


gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. While being only few KB in size it is very flexible and highly customizable. .....
Maps


With the Google Maps API, you can embed Google Maps in your own web pages with the power of jQuery. The Google Maps API provides a number of utilities for manipulating maps and adding content to a map, this jQuery plugin works to .....
Maps Other API Plugins


gMap is a lightweight jQuery plugin that helps you embed Google Maps into your website. With only 2 KB in size it is very flexible and highly customizable.There are a two requirements you need to meet before you can use gMap to .....
Maps Other API Plugins


Testing geolocation + Google Maps stuff .....
Geolocation


google maps api to draw a map and HTML5 geolocation to get the current position. .....
Geolocation


Outputs the coordinates (longitude, latitude) for Google Maps whenever the Polygon is moved or re-shaped. Recently added a 'Copy to Clipboard' button and had data output into a textarea for easier copying & pasting .....
Google Map


Loads static or dynamic Google Map based on configurable breakpoint (resize window to preview). Support for custom map styles, markers, info window, legend. .....
Google Map


Responsive contact form using Bootstrap 3 and Google Maps API .....
Google Map


Simple explanation of how to add a map to a website using Google Maps API v3 .....
Google Map


A css map marker with animations on a google map. Dependencies / Credits jQuery Google Maps dynamics.js | Michaël Villar .....
Google Map



Just a little demo to show you how to put a gradient using CSS over a Google Map. I've used HAML & SCSS to keep the code nice and clean! If you have any questions or problems, just ask in the comments below or follow me on Tw.....
Google Map


Dribble Inspiration: https://dribbble.com/shots/1603413-Cody-Custom-Pages Map Source: http://codyhouse.co/gem/custom-google-map/ .....
Google Map


How to display two maps on the same page with Google Maps JavaScript API v3. http://en.marnoto.com .....
Google Map


Given a number of interesting places, which is the shortest distance away from a "current position". This code demonstrates how easy it is to find out this information using the Google Maps routing API. The distances we use here .....
Google Map


Google Maps JavaScript API overlay class to easily add markers with an SVG image as the icon. .....
Google Map


A simple prototype of a Google Maps autocompletion input field with a preview of the location and the JSON response. .....
Google Map


Use a SVG as an Google Maps Marker. Including gradients and shadows. .....
Google Map


Notice how I can pass a SVG data-uri as the icon image for a google maps marker & change its content via js. This way we retain all the behaviour for default maker but with our custom pin! Only real caveat to this technique i.....
Google Map



A quick pen to show integration with Google Maps and Leaflet.js into a web page. For leaflet to work you need to make sure you include their JS file and CSS file as you can see here if you look at the details for those areas. See.....
Google Map


How you can create an infowindow header, repositioning of its tail, change the infowindow size and background color, give a new look to the infowindow close button, rounded corners and a fade effect. .....
Google Map


This demo shows how to use events to two-way sync a JavaScript Chart and Google Map. .....
Google Map


Example of styling Google maps with custom colours. Production version also uses custom infobox styling. .....
Google Map


Source: http://gmaps-samples-v3.googlecode.com/svn/trunk/infowindow_custom/infowindow-custom.html I've changed the code, so that multiple markers are possible and infobox styling is now done with css. .....
Google Map


Lazyload the Google Maps API, using data attributes for lat/long, responsive map canvas. .....
Google Map


Input your parameters and I'll create you a Static Map URL! Pretty simple, but it should provide nice easy ways to create maps without CTRL+C the Google Maps Documentation every time! :) .....
Google Map


Custom Google Maps markers with text labels - ex. room prices for hotels. .....
Google Map



Google Maps HUD style display - based on this Dribbble shot by Peter J Smith https://dribbble.com/shots/1738797-Augmented-Fitness-HUD-GUI?list=users&offset=1 .....
Google Map


Example of Google Maps Places API to find different places like ATM, Restaurant, Airport etc nearby you. .....
Google Map


Styling Google Maps with simple script. .....
Google Map


Just messing around with the Google Maps JavaScript API. .....
Google Map


Below this CSS rotating PNG is a Google Maps. Between them are some SVG which masks out the radar image, and some lines and circles to make it look more like a radar. .....
Google Map



Custom panTo for google maps. Include easingAnimator .....
Google Map



Make your google maps use the new beautiful styling by including google.maps.visualRefresh = true; .....
Google Map


Learning to use Google Maps API .....
Google Map


Google maps placecard - why? Because if you use Google maps API there's no placecard and there's a lot of people wanting this. .....
Google Map


Contact form design with google maps in the background, Have add font-awesome icons for improving the user experience... .....
Google Map


Using google maps api, simulate route, google maps directions api, route simulator .....
Google Map


Make a CSS tricks to avoid for scrolling zoom in Google Map iframe & easy to enable by clicking .....
Google Map



Based on https://developers.google.com/maps/documentation/javascript/examples/places-placeid-finder from Google maps docs .....
Google Map


This google maps api allows user to search distance from Location A(Search) -> Location B(Set locations from a dropdown list) + calculate the Distance(KMs) between the two. .....
Google Map


Google Maps in a React JS component .....
Google Map


Displays company logo as map marker. Opens tooltip instantly or on marker click. P.S. Use your own Google Maps API key, please. .....
Google Map



This is a demo of Place Autocomplete Address Form from Google Maps JavaScript API v3. This demo has been optimized for mobile. The original demo can be found Google Maps API docs https://developers.google.com/maps/documentation/j.....
Google Map




Question answered on Stackoverflow. http://stackoverflow.com/questions/30713060/google-maps-api-re-size#30713418 .....
Google Map



Google Maps designed in a Material Design Card. Using a function to create multiple markers with info windows. Info windows are opened when the user clicks on a marker. Only one info window is opened at the time. .....
Google Map


Multiple markers using JSON with Google Maps API .....
Google Map




I added a hard-coded for now placecard to google maps api version. I also disabled zoom on scroll for better user experience. .....
Google Map


My first go at using the Google Maps API .....
Google Map





Demonstrates how to add and remove clustered markers on Google Maps .....
Google Map



Material Design-inspired animations for Google Maps search results .....
Google Map


Simulates a rotation animation on a google maps marker that is moving along a polyline built from the legs returned from a directionsService query. .....
Google Map


Custom map markers and info windows. Using Google Maps API. .....
Google Map


This pen shows how to use the Google Maps data layer to add some hypothetical airline paths & statuses to a map and style them based on the GeoJSON data. .....
Google Map


https://stackoverflow.com/questions/50327032/google-maps-overlayview-make-only-svg-clickable http://serversideguy.com/2017/10/31/how-do-i-place-svgs-on-a-google-map-using-custom-overlays/ .....
Google Map


A quick learning exercise using to plot A to B routes using the Google Maps API .....
Google Map


I wanted to try something new, so this is a simple animated Google Maps pin coded entirely in Jade and Sass. .....
Google Map


Create your own components with the style you want. Custom markers - pure CSS with animation; Custom Zoom Controls; Custom Map Skin.... .....
Google Map


This pen shows how to create two google marker styles as SVGs with a PNG fallback, one for the institution and the other as zip code markers. In this case the institution is a school and where its students live by zip code. It al.....
Google Map


lazymap.js is a small and configurable jQuery plugin for lazy loading Google Maps to increase the performance of your blog or website......
Google-Maps lazy-load


Google Map is a lightweight jQuery plugin that enables you to create maps, markers or routes for your own complete google map using google maps API 3......
Google-Maps


This jQuery Plugin helps your company easily create store locator using Google Maps API......
Google-Maps location


Mapify is a really small jQuery plugin which makes it easier to embed custom Google Maps into a specified container using Google Maps JavaScript API......
Google-Maps


The opal-gmap plugin makes it easier to embed a Google Map into the webpage, with support for custom markers, zoom levels and callback functions......
Google-Maps


Mapit.js is a jQuery plugin to embed Google Maps into a modal-like, fully customizable popup window, based on latitudes and longitudes......
Google-Maps


gMapping is a simple, lightweight jQuery plugin used to embed customizable Google Maps in your web page, using Google Maps JavaScript API and without the need of API Key......
Google-Maps


geozoom is a jQuery plugin which lets you create Flickr-style hover to zoom Google Maps using Google Static Maps API instead of Yahoo......
Google-Maps


roamiGmap is an easy to use jQuery plugin that helps you embed Google Maps into the webpage, with support for custom markers, info windows, zoom levels and more......
Google-Maps


Yet another jQuery wrapper around Google Maps API that lets you create Google Maps with custom positions, types, styles, markers, zoom levels and more......
Google-Maps


Just another jQuery Google Maps Embed plugin for embedding one or multiple Google Maps to your webpage, with tons of configuration options and callback functions......
Google-Maps


Gmaps is a lightweight jQuery plugin that makes it easier to embed customizable Google Maps into the webpage using HTML data attributes and Google Maps JavaScript API......
Google-Maps


Just another jQuery Google Maps plugin that makes it easier to embed Google maps with custom map markers in the webpage......
Google-Maps


map.js is a super small jQuery plugin which automatically embeds Google Maps in the webpage and draws custom map markers & info windows from plain html structure......
Google-Maps


No Scroll Layer is a very lightweight jQuery plugin used to disable mouse scroll events in iframe element, typically used for embedded Google maps......
IFrame Google-Maps


GProximity is a jQuery plugin that takes advantage of Google Maps API to calculate and display the distance in meters between two positions......
Google-Maps


toMap is a jQuery plugin that makes it easy to embed Google maps with custom map marks, info windows and callbacks into the webpage......
Google-Maps


Simple Maps is a fast, lightweight and performance-focused jQuery plugin that makes it easier to insert customizable Google Maps into your webpage......
Google-Maps


geoContrast is a jQuery plugin used to provide places autocomplete functionality that suggests locations as you type in a text filed......
Google-Maps Place-Autocomplete


k-gmaps is a jQuery plugin which helps you embed customizable, SEO-friendly Google maps into the webpage using both semantic html markups and JavaScript objects......
Google-Maps


easyMap is a lightweight jQuery plugin which provides a simple way to embed Google Maps with several customization options into your webpages......
Google-Maps


Just another jQuery wrapper for Google Maps API that helps you quickly insert customizable Google Maps on the web page......
Google-Maps


Yet another jQuery based location picker plugin that provides address autocomplete using Google Places API and displays the selected location on the Openstreetmap......
Google-Maps Place-Autocomplete location-picker location


easyGoogleMap is a jQuery plugin for embedding Google Maps configured by Html5 data attributes into any web page......
Google-Maps


findus is a jQuery plugin that automatically generates customizable Google Maps with info windows from specified address strings or coordinates on your webpage......
Google-Maps


SimpleGMaps is a simple, cross-platform jQuery plugin for easier embedding & handling google maps on your website......
Google-Maps


vCard To Gmaps is a jQuery plugin that make it possible to generate multiple Google maps from vCard addresses......
Google-Maps


AxGmap is a lightweight Google Maps V3 jQuery plugin to create customizable map markers and info windows using Html5 data-* attributes......
Google-Maps


Geocomplete is a simple yet customizable jQuery Geocoding & Place Autocomplete plugin for easily find and select a location on the Google map......
Place-Autocomplete


jMap is a simple-to-use jQuery plugin that makes it easy to embed Google Maps into your website with extra functions......
Google-Maps map