book

Google Maps JavaScript API Cookbook

Name: Google Maps JavaScript API Cookbook
ISBN: 9781849698825

by Alper Dincer, Balkan Uraz

December 2013

Intermediate to advanced

316 pages

6h 29m

English

Packt Publishing

Read now

Unlock full access

Google Maps JavaScript API Cookbook
Table of Contents
Google Maps JavaScript API Cookbook
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Support files, eBooks, discount offers, and moreWhy Subscribe?Free Access for Packt account holders
Preface
What this book covers
What you need for this book
Who this book is for

Conventions
Reader feedback
Customer support
Downloading the example codeErrataPiracyQuestions
1. Google Maps JavaScript API Basics
Introduction
Creating a simple map in a custom DIV element
Getting readyHow to do it…How it works...
Creating a simple fullscreen map
Getting readyHow to do it…How it works...There's more...See also
Moving from the Web to mobile devices
Getting readyHow to do it…How it works...There's more...See also
Changing map properties programmatically
Getting readyHow to do it…How it works...See also
Changing base maps
Getting readyHow to do it…How it works...There's more...See also
2. Adding Raster Layers
Introduction
Styling of Google base maps
Getting readyHow to do it…How it works...There's more...
Using different tile sources as base maps
Getting readyHow to do it…How it works...See also
Adding tile overlays to maps
Getting readyHow to do it…How it works...There's more...
Adding image overlays to maps
Getting readyHow to do it…How it works...
Changing the transparency of overlays
Getting readyHow to do it…How it works...
Creating a heat map
Getting readyHow to do it…How it works...There's more...See also
Adding the traffic layer
Getting readyHow to do it…How it works...
Adding the transit layer
Getting readyHow to do it…How it works...
Adding the bicycling layer
Getting readyHow to do it…How it works...
Adding the weather and cloud layers
Getting readyHow to do it…How it works...There's more...
Adding the Panoramio layer
Getting readyHow to do it…How it works...There's more...
3. Adding Vector Layers
Introduction
Adding markers to maps
Getting readyHow to do it…How it works...There's more...See also
Adding popups to markers or maps
Getting readyHow to do it…How it works...See also
Adding lines to maps
Getting readyHow to do it…How it works...See also
Adding polygons to maps
Getting readyHow to do it…How it works...See also
Adding circles/rectangles to maps
Getting readyHow to do it…How it works...There's more...See also
Adding animated lines to maps
Getting readyHow to do it…How it works...There's more...See also
Adding KML/GeoRSS layers
Getting readyHow to do it…How it works...See also
Adding GeoJSON to the Google Maps JavaScript API
Getting readyHow to do it…How it works...See also
Adding WKT to the Google Maps JavaScript API
Getting readyHow to do it…How it works...See also
4. Working with Controls
Introduction
Adding and removing controls
Getting readyHow to do it…How it works...There's more...
Changing the position of controls
Getting readyHow to do it…How it works...
Creating and adding a geolocation control
Getting readyHow to do it…How it works...
Creating a table of contents control for layers
Getting readyHow to do it…How it works...
Adding your own logo as a control
Getting readyHow to do it…How it works...
5. Understanding Google Maps JavaScript API Events
Introduction
Creating two synced maps side by side
Getting readyHow to do it…How it works...There's more…See also
Getting the coordinates of a mouse click
Getting readyHow to do it…How it works...There's more…See also
Creating a context menu on a map
Getting readyHow to do it…How it works...See also
Restricting the map extent
Getting readyHow to do it…How it works...See also
Creating a control that shows coordinates
Getting readyHow to do it…How it works...See also
Creating your own events
Getting readyHow to do it…How it works...See also
6. Google Maps JavaScript Libraries
Introduction
Drawing shapes on the map
Getting readyHow to do it...How it works...There's more...
Calculating the length/area of polylines and polygons
Getting readyHow to do it...How it works...There's more...See also
Encoding coordinates
Getting readyHow to do it...How it works...
Searching for and showing nearby places
Getting readyHow to do it...How it works...There's more...
Finding places with the autocomplete option
Getting readyHow to do it...How it works...There's more...
Adding drag zoom to the map
Getting readyHow to do it...How it works...See also
Creating custom popups/infoboxes
Getting readyHow to do it...How it works...See also
7. Working with Services
Introduction
Finding coordinates for an address
Getting readyHow to do it…How it works...There's more...See also
Finding addresses on a map with a click
Getting readyHow to do it…How it works...See also
Getting elevations on a map with a click
Getting readyHow to do it…How it works...See also
Creating a distance matrix for the given locations
Getting readyHow to do it…How it works...See also
Getting directions for the given locations
Getting readyHow to do it…How it works...See also
Adding Street View to your maps
Getting readyHow to do it…How it works...
8. Mastering the Google Maps JavaScript API through Advanced Recipes
Introduction
Adding WMS layers to maps
Getting readyHow to do it…How it works...There's more…See also
Adding Fusion Tables layers to maps
Getting readyHow to do it…How it works...See also
Adding CartoDB layers to maps
Getting readyHow to do it…How it works...See also
Accessing ArcGIS Server with the Google Maps JavaScript API
Getting readyHow to do it…How it works...There's more…See also
Accessing GeoServer with the Google Maps JavaScript API
Getting readyHow to do it…How it works...See also
Index

Content preview from Google Maps JavaScript API Cookbook

Adding the Panoramio layer

Panoramio is a geotagged photo-sharing website. This means you can upload your photos provided you geotag (georeference) them. Geotagging involves attaching a coordinate pair to the target object, whether it is a photo, video, or any other resource. You can find detailed information on how to use Panoramio at http://www.panoramio.com/.

You can view Panoramio photos on Google Maps, and this recipe will cover the basics of how to do it.

Getting ready

We can continue on from the Creating a simple map in a custom DIV element recipe from Chapter 1, Google Maps JavaScript API Basics, as map display basics are already covered here.

As always, please copy the original recipe before proceeding.

How to do it…

You can overlay the variety ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

API for Beginners: JavaScript and Getting Started with APIs and AJAX

Publisher Resources

ISBN: 9781849698825Other

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design