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

Google Maps Material Design Card

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

Demo Tutorial

See the Pen by peterkoesveld (@peterkoesveld) on CodePen.

This awesome script developed by peterkoesveld. Visit their official repository for more information and follow for future updates.

You May Also Like

Responsive Lazy Loading Google Map

Style a Google map with your website layout

google map with color overlay

Google Maps API v3 - School Student Population by Zipcode

Google Maps: custom controls and css markers

Animated GIF as marker in <google-map>

Google Map Custom Styling

Animated Google Maps Pin (Jade/Sass Experiment)

Dynamic Google Map with Polylines and SVG Markers

Centred Google Map image for use in a responsive environment

Google Maps Directions

Google Maps interactive SVG overlay

Map visualizations with Google Maps data layer

Google Maps with multiple markers and infoboxes

"Animated" Google Maps Marker

Google Maps Material transitions

Custom Google Maps

Google Maps MarkerClusterer example

Google Maps (before and after)

Google Maps Search Box

Google Maps API Works

React: Google Map Component

Google Maps API test

Google maps API with placecard

Google Maps Distance Matrix Example

google maps api places autocomplete test

JSON with Google Maps API

Google Maps Material Design Card

Google Maps, circles with labels

Google Maps API V3: How to resize (responsive) map

Google Maps Geofence Complete Example

PHP Dynamic Google Map

Google Maps Embed Demo

Responsive Styled Google Map with SVG Icon

Google Maps - Place Autocomplete Address Form

Prefill Address Form with Geolocation and Google Maps

Google Maps: place location for contacts

UK Postcodes w/ Google Map API

React JS - Google Maps

Google Maps API v3

google maps place id & details finder

Iframe Example (Google map embed)

Custom CSS styles and animations in Google Maps markers

[CSS only] Disable scrolling zoom in Google Maps iframe

Google maps route simulator

Contact form with google maps in background

Google map example

Google Maps placecard

Google Maps API

Google maps new styling

Google Maps iframe embed disable scroll to zoom

Custom panTo for google maps

Google map: Radius filter

Materialize-Tab/Googlemap

Radar Google maps

Google Maps Sandbox

Google Map Route Checker

Google map, onClick()

Google Maps Styling

Google Maps Places API Nearby Example

Google Map - Grayscale Filter

google-map-marker-customization

Google Maps HUD

Google maps en Accordion bootstrap

Custom markers - Google Maps

jQuery Plugins

AngularJs Plugins