Google Maps JavaScript API Cookbook

Google Maps JavaScript API Cookbook

Overview of this book

Day by day, the use of location data is becoming more and more popular, and Google is one of the main game changers in this area. The Google Maps JavaScript API is one of the most functional and robust mapping APIs used among Geo developers. With Google Maps, you can build location-based apps, maps for mobile apps, visualize geospatial data, and customize your own maps.Google Maps JavaScript API Cookbook is a practical, hands-on guide that provides you with a number of clear, step-by-step recipes that will help you to unleash the capabilities of the Google Maps JavaScript API in conjunction with open source or commercial GIS servers and services through a number of practical examples of real world scenarios. This book begins by covering the essentials of including simple maps for Web and mobile, adding vector and raster layers, styling your own base maps, creating your own controls and responding to events, and including your own events.You will learn how to integrate open source or commercial GIS servers and services including ArcGIS Server, GeoServer, CartoDB, Fusion Tables, and Google Maps Engine with the Google Maps JavaScript API. You will also extend the Google Maps JavaScript API to push its capabilities to the limit with additional libraries and services including geometry, AdSense, geocoding, directions, and StreetView.This book covers everything you need to know about creating a web map or GIS applications using the Google Maps JavaScript API on multiple platforms.

Google Maps JavaScript API Cookbook

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Preface

Free Chapter

Google Maps JavaScript API Basics

Introduction

Creating a simple map in a custom DIV element

Creating a simple fullscreen map

Moving from the Web to mobile devices

Changing map properties programmatically

Changing base maps

Adding Raster Layers

Introduction

Styling of Google base maps

Using different tile sources as base maps

Adding tile overlays to maps

Adding image overlays to maps

Changing the transparency of overlays

Creating a heat map

Adding the traffic layer

Adding the transit layer

Adding the bicycling layer

Adding the weather and cloud layers

Adding the Panoramio layer

Adding Vector Layers

Introduction

Adding markers to maps

Adding popups to markers or maps

Adding lines to maps

Adding polygons to maps

Adding circles/rectangles to maps

Adding animated lines to maps

Adding KML/GeoRSS layers

Adding GeoJSON to the Google Maps JavaScript API

Adding WKT to the Google Maps JavaScript API

Working with Controls

Introduction

Adding and removing controls

Changing the position of controls

Creating and adding a geolocation control

Creating a table of contents control for layers

Adding your own logo as a control

Understanding Google Maps JavaScript API Events

Introduction

Creating two synced maps side by side

Getting the coordinates of a mouse click

Creating a context menu on a map

Restricting the map extent

Creating a control that shows coordinates

Creating your own events

Google Maps JavaScript Libraries

Introduction

Drawing shapes on the map

Calculating the length/area of polylines and polygons

Encoding coordinates

Searching for and showing nearby places

Finding places with the autocomplete option

Adding drag zoom to the map

Creating custom popups/infoboxes

Working with Services

Introduction

Finding coordinates for an address

Finding addresses on a map with a click

Getting elevations on a map with a click

Creating a distance matrix for the given locations

Getting directions for the given locations

Adding Street View to your maps

Mastering the Google Maps JavaScript API through Advanced Recipes

Introduction

Adding WMS layers to maps

Adding Fusion Tables layers to maps

Adding CartoDB layers to maps

Accessing ArcGIS Server with the Google Maps JavaScript API

Accessing GeoServer with the Google Maps JavaScript API

Index

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Introduction

Location is becoming a very popular topic day by day, and Google is one of the main game changers in this area. Most websites have a contact page with Google Maps showing the location of the business. This is the simplest usage of the Google Maps JavaScript API. There are also other advanced usages of it to show different information on maps. This whole book contains multiple usage recipes on the Google Maps JavaScript API, from beginner to advanced topics. There are different parts that make up the Google Maps JavaScript API such as the raster/vector layers, controls, events, and services, which are all covered in the following chapters.

There are both open source and commercial alternatives to the Google Maps JavaScript API, such as OpenLayers, Leaflet, Bing Maps, MapQuest, and Here Maps (formerly, Nokia Maps), but the Google Maps JavaScript API has great support in base maps, satellite images, and the API itself. For example, the API can be used to show only one location or all the data of a government agency on a map.

The Google Maps JavaScript API is not a free tool to show maps, but its free usage limit is enough for most developers. There is a limit of 25,000 map loads per day per site, which is counted when a map is initialized on a web page.

Google Maps JavaScript API Cookbook

Google Maps JavaScript API Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

Google Maps JavaScript API Cookbook

Introduction