171 JQuery Google Map 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

Hey! In today’s tutorial we will create an interactive Google map using the geocoding service. Using the Twitter API we will retrieve the user’s location, and then display the profile picture on the map. We will also add the c.....
Maps Other API

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

Today  i  created a new looking “Google Map Instant Search” with simple  jquery and j-son script ,by using Google’s API and by using instant search function keyup(function(e)) this will started to display the .....
jSON 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 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

Interactive maps are neat. It’s not hard to get a basic map embedded on your page, but Google provides a rich and easy to use API for embedding and decorating maps on your web page, so there should be no excuse for boring defaul.....
Maps Other API

A customizable Google map designed to make work with your locations a breeze.One click map locatorEasy to use XML fileCustomizable jQuery themesClean, simple, organized map locatorsSupport and much more… .....
Maps Other API Plugins XML

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

Author: arsho Facebook: https://www.facebook.com/ars.shovon Customized Google map to display nearby hospitals in current location. .....
Geolocation

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

A custom google map to show company location on your website. It can be easily customised to perfectly fit your website style! .....
Google Map

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

Responsive google map that re-centers the pin on resize and load... Every other version I have seen does not recenter! .....
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

A way to group marker by countries or whatever you want .....
Google Map

Custom Google Map using javascript .....
Google Map

.....
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

Toggles a Google map. .....
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

Google Map Directive AngularJS, Available on Github .....
Google Map

Generate a Google map image via jQuery. .....
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

Pen show how easy you can customize google map. .....
Google Map

Custom Google Map with a custom style, custom Infobox, custom Zoom Control, custom Markers and custom Marker animations. .....
Google Map

Using the google map embed API with custom styling and arrow marker. .....
Google Map

A cool hover effect for a Google map. Uses Google's static map generator. You can change the lat/long values in the DOM and it will update everything for you. Sizes in the DOM and CSS should be equal. .....
Google Map

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

Just a tabbed menu of google maps. .....
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

A Google map that auto-centers on resize, powered by the Google Maps API. Complete explaination in a post my my blog. Derived from work by James New .....
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

Trying out the google maps api .....
Google Map

Based on http://www.labnol.org/internet/embed-google-maps-background/28457/ .....
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

implementation of Google Map using Maplace.js http://maplacejs.com/ .....
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

This is a simple way of embedding a Google Map with multiple markers. You can add more markers, change the map size, zoom level, center of the map, etc. If you have any questions, feel free to contact me. .....
Google Map

Google Map itinéraire style dark .....
Google Map

.....
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

This Pen is for Google Map change marker location on click tab. Feel free to let me know if this project can be improve. .....
Google Map

Responsive google map that re-centers the pin on resize and load... Every other version I have seen does not recenter! .....
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 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

https://bountify.co/google-map-marker-customization .....
Google Map

.....
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

Google map appears when link is clicked. Yepnope test if google map library is already loaded by asking for the google object presence. If library is not avaiable than it will load the library .....
Google Map

Find destination route on Google map without using iframe using JavaScript in HTML. .....
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

Trying to figure out how to get google maps to load correctly when opened inside a hidden div. .....
Google Map

Google map: remove locations outside filter radius .....
Google Map

Google maps multi filter .....
Google Map

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

.....
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

.....
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

.....
Google Map

.....
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

Using Google Maps API to look up a UK postcode to an address with a relatively high accuracy for free! .....
Google Map

Mapbox map with locations loaded in legend. Clicking a location will pan the map to that location and open its popup. .....
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

Demo by Ambass Eugene. .....
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

Responsive Styled Google Map with SVG Icon and info-window. Icon SVG Path based on: http://map-icons.com/ .....
Google Map

.....
Google Map

This code manipulates the Google Map iframe that you can embed in your website. You can echo an address that has been set to a variable and the map will automatically generate to that location. No need for an API key. .....
Google Map

.....
Google Map

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

.....
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

.....
Google Map

Generate distance between two addresses. .....
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

.....
Google Map

.....
Google Map

.....
Google Map

A map experience that defaults to a text link to Google Maps, and loads in a static map image for small screens but an iframe map for larger screens. .....
Google Map

Refreshed Google map .....
Google Map

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

.....
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

A clean google map container with your choice of marked point. Perfect for showing location of a business, service, or retail location! .....
Google Map

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

Created a custom Google map using their API system. You'll need to open in full page to see it. .....
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

This is a response to a Web Design Tuts article which I thought could be done better. See my rationale in the comment. .....
Google Map

Google map showing SVG marker points joined by polylines, created using JSON object to store the coordinates to replicate dynamic coordinate retrieval from third party sources. .....
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

Fluid-width desaturated Google Map with custom styling. As well, a listener function to re-center the map on resize. .....
Google Map

http://stackoverflow.com/q/39986679/6277151 .....
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

.....
Google Map

Invest some time in the Google Maps Javascript API v3, and you can do nice things with a map on your website, like giving it your website style. .....
Google Map

The map can only be viewed in Full Page mode. The google map doesn't load until the user scrolls to it. The map is also responsive and takes advantage of Google Map API v3's map styling feature. Check the console to view when the.....
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