Customized Google Maps Using Google Maps API

Create a customized Google map using your own colors and styles, change and animate the map marker using Google Maps API V3.

This tutorial will cover the following options in Google Maps API:

  1. zoom: This option defines the zoom level our map uses when initialized, users will still be able to zoom in and out using the default Google Maps arrows.
  2. center: Defines the center of our map.
  3. mapTypeId: This option defines which map view is loaded. You can load a road map, a satellite map, and other views.
  4. streetViewControl: This option if set to false will make the street view option on the top left corner disappear.
  5. navigationControl: This option if set to false will make the navigation arrows disappear. This will prevent the users from zooming in and out.
  6. navigationControlOptions: This will define the style of the navigation arrows. If set to default, the arrows will automatically be adjusted to fit in your map.
  7. mapTypeControl: This option if set to false will hide the map types on the top right corner of the map.
  8. mapTypeControlOptions: This specifies the options for the mapTypeControl and can be used to add your own map types.
Continue Reading → Customized Google Maps Using Google Maps API