Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Google Maps JavaScript API Cookbook

You're reading from   Google Maps JavaScript API Cookbook This book will help you use the amazing resource that is Google Maps to your own ends. From showing maps on mobiles to creating GIS applications, this lively, recipe-packed guide is all you need.

Arrow left icon
Product type Paperback
Published in Dec 2013
Publisher Packt
ISBN-13 9781849698825
Length 316 pages
Edition 1st Edition
Languages
Arrow right icon
Toc

Table of Contents (10) Chapters Close

Preface 1. Google Maps JavaScript API Basics FREE CHAPTER 2. Adding Raster Layers 3. Adding Vector Layers 4. Working with Controls 5. Understanding Google Maps JavaScript API Events 6. Google Maps JavaScript Libraries 7. Working with Services 8. Mastering the Google Maps JavaScript API through Advanced Recipes Index

Adding polygons to maps


Polygons are similar to polylines that are an array of points connected to each other. However, polygons are closed loops to show Earth features such as parks, parcels, or regions. In addition to the properties of polylines, polygons have a fill region inside.

This recipe is focused on showing polygons on a map to show a region around Ankara.

Getting ready

This recipe uses the same map-creation process defined in Chapter 1, Google Maps JavaScript API Basics, but there are some minor changes in the zoom level and center coordinates to show the region in detail.

You can find the source code at Chapter 3/ch03_adding_polygons.html.

How to do it…

If you perform the following steps, you can add polygon-type geometries to your map:

  1. Let's open our first recipe's source code mentioned in Chapter 1, Google Maps JavaScript API Basics, and save it as adding_polygons.html.

  2. Then, add the following lines of code after defining the map object at the beginning of the JavaScript part. The...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime