Book Image

Google Maps JavaScript API Cookbook

Book Image

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.
Table of Contents (15 chapters)
Google Maps JavaScript API Cookbook
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

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 of Panoramio image stocks on top of Google Maps if you follow the steps presented:

  1. Add the Panoramio library to the referenced libraries:

        <script type="text/javascript"
         src="https://maps.googleapis.com/maps/api/js? 
         sensor=false...