Search icon CANCEL
Subscription
0
Cart icon
Cart
Close icon
You have no products in your basket yet
Save more on your purchases!
Savings automatically calculated. No voucher code required
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
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

Product type Book
Published in Dec 2013
Publisher Packt
ISBN-13 9781849698825
Pages 316 pages
Edition 1st Edition
Languages
Toc

Table of Contents (15) Chapters close

Google Maps JavaScript API Cookbook
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
1. Google Maps JavaScript API Basics 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

Index

A

  • addIconMarker() function / How to do it…
  • address
    • coordinates, finding for / Finding coordinates for an address, How to do it…, How it works...
    • finding, on map with click / Finding addresses on a map with a click, How to do it…, How it works...
  • addStandardMarker() function / How to do it…
  • animated lines
    • adding, to maps / Adding animated lines to maps, How to do it…, How it works...
  • ArcGIS
    • about / Drawing shapes on the map
  • ArcGIS Desktop
    • about / Creating a table of contents control for layers
  • ArcGIS Online
    • URL / There's more…
  • ArcGIS Server
    • about / Introduction, Accessing ArcGIS Server with the Google Maps JavaScript API
    • accessing, with Google Maps JavaScript API / Accessing ArcGIS Server with the Google Maps JavaScript API, How to do it…, How it works...
  • area
    • calculating, of polygons / Calculating the length/area of polylines and polygons, How to do it..., How it works...
    • calculating, of polylines / Calculating the length/area of polylines and polygons, How to do it..., How it works...
  • AutoCAD
    • about / Drawing shapes on the map
  • autocomplete option
    • places, finding with / Finding places with the autocomplete option, How to do it..., How it works...

B

  • base maps
    • about / Changing base maps
    • modifying / Changing base maps, How to do it…, How it works...
    • tile sources, using as / Using different tile sources as base maps, How to do it…, How it works...
  • BBEdit
    • about / Getting ready
  • bicycling layer
    • adding / Adding the bicycling layer, How it works...
  • Bing Maps
    • about / Introduction
  • bounding box (BBOX) / How to do it…
  • bounds_changed event / How it works...

C

  • CartoDB
    • about / Introduction, Adding CartoDB layers to maps
  • CartoDB layers
    • adding, to maps / Adding CartoDB layers to maps, Getting ready, How to do it…, How it works...
  • center_changed event / How it works...
  • circles
    • adding, to maps / Adding circles/rectangles to maps, How to do it…, How it works...
  • context menu
    • about / Creating a context menu on a map
    • creating, on maps / Getting ready, How to do it…, How it works...
  • control
    • logo, adding as / Adding your own logo as a control, How to do it…
    • creating, for coordinates display in real time / Creating a control that shows coordinates, How to do it…, How it works...
  • controls
    • about / Introduction
    • adding / Adding and removing controls, How it works...
    • removing / Adding and removing controls, How it works...
    • position, modifying / Changing the position of controls, How to do it…
  • coordinates
    • obtaining, of mouse click / Getting the coordinates of a mouse click, How it works..., There's more…
    • encoding / Encoding coordinates, Getting ready, How to do it..., How it works...
    • finding, for address / Finding coordinates for an address, How to do it…, How it works...
  • custom DIV element
    • map, creating in / Getting ready, How to do it…, How it works...
  • custom infoboxes
    • creating / How to do it..., How it works...

D

  • decodePath() method / How it works...
  • directions
    • obtaining, for locations / Getting directions for the given locations, How to do it…, How it works...
  • distance matrix
    • creating, for locations / Creating a distance matrix for the given locations, How to do it…, How it works...
  • dragend event / How it works...
  • drag event / How it works...
  • dragstart event / How it works...
  • drag zoom
    • adding, to map / Adding drag zoom to the map, Getting ready, How to do it..., How it works...
  • drawingControl property / There's more...
  • drawing library / Drawing shapes on the map
  • DrawingManager object
    • about / There's more...
  • DrawingManager options / There's more...
  • DrawingManagerOptions class
    • about / There's more...
  • drawingMode property
    • about / There's more...
  • drawingModes property
    • about / There's more...

E

  • elevations, on map
    • obtaining, with click / Getting elevations on a map with a click, How to do it…, How it works...
  • enableKeyDragZoom() method / How it works...
  • encodePath() method / How it works...
  • events
    • about / Introduction, Creating your own events
    • creating / Getting ready, How to do it…, How it works...

F

  • fullscreen map
    • creating / Creating a simple fullscreen map, How to do it…, How it works...
  • Fusion Tables
    • about / Adding Fusion Tables layers to maps
  • Fusion Tables layers
    • adding, to maps / Adding Fusion Tables layers to maps, Getting ready, How to do it…, How it works...

G

  • GDAL2Tiles
    • URL / Adding image overlays to maps
  • geocode() method
    • about / How it works...
  • geocoding
    • about / Finding coordinates for an address
  • geocoding service request
    • options / There's more...
  • geocoding service response
    • options / There's more...
  • geographical coordinates
    • about / Creating a control that shows coordinates
  • GeoJSON
    • about / Introduction
    • adding, to Google Maps JavaScript API / Adding GeoJSON to the Google Maps JavaScript API, How to do it…, How it works...
  • geolocation control
    • creating / Creating and adding a geolocation control, How to do it…, How it works...
    • adding / Creating and adding a geolocation control, How to do it…, How it works...
  • GeoLocationControl class
    • about / How to do it…
  • Geomedia
    • about / Creating a table of contents control for layers
  • geometry library / Calculating the length/area of polylines and polygons
  • GeoRSS
    • about / Adding KML/GeoRSS layers
  • GeoRSS files
    • adding, to map / How to do it…
  • GeoServer
    • about / Introduction, Accessing GeoServer with the Google Maps JavaScript API
    • accessing, with Google Maps JavaScript API / Accessing GeoServer with the Google Maps JavaScript API, How to do it…, How it works...
  • GIS
    • about / Introduction, Introduction
  • Google
    • about / Introduction
  • google.maps.event namespace
    • about / Introduction
  • google.maps.InfoWindow class / Creating custom popups/infoboxes
  • google.maps.LatLng class
    • used, for adding maps, to markers / Getting ready, How to do it…, How it works...
  • google.maps.MapTypeStyleElementType object / How it works...
  • google.maps.Marker class
    • used, for adding maps, to markers / Getting ready, How to do it…, How it works...
  • google.maps.MVCArray
    • about / How it works...
  • google.maps.OverlayView class
    • onAdd() method / How it works...
    • draw() method / How it works...
    • onRemove() method / How it works...
    • show(coord) method / How it works...
    • hide() method / How it works...
    / Creating custom popups/infoboxes
  • Google base maps
    • about / Styling of Google base maps
    • styling / Styling of Google base maps, How to do it…, How it works...
  • Google Fusion Tables
    • about / Introduction
  • Google Maps
    • traffic information, displaying on / Adding the traffic layer, How it works...
    • about / Restricting the map extent, Adding drag zoom to the map
  • Google Maps default UI
    • about / Adding and removing controls
  • Google Maps JavaScript API
    • about / Introduction, Introduction, There's more..., Adding your own logo as a control, Introduction
    • GeoJSON, adding to / Adding GeoJSON to the Google Maps JavaScript API, How to do it…, How it works...
    • WKT, adding to / Adding WKT to the Google Maps JavaScript API, How to do it…, How it works...
    • ArcGIS Server, accessing with / Accessing ArcGIS Server with the Google Maps JavaScript API, How to do it…, How it works...
    • GeoServer, accessing with / Accessing GeoServer with the Google Maps JavaScript API, How to do it…, How it works...
  • Google Maps map interface
    • transit layers, adding to / Adding the transit layer, How it works...
  • Google Maps UI
    • about / Creating and adding a geolocation control

H

  • heat map
    • about / Creating a heat map
    • creating / Creating a heat map, How to do it…, How it works..., There's more...
  • Here Maps
    • about / Introduction

I

  • image overlays
    • adding, to maps / Adding image overlays to maps, How to do it…, How it works...
  • InfoBoxOption class
    • parameters / How it works...
  • initMap() function / How to do it…

J

  • JavaScript
    • about / How it works...
    • prototype-based inheritance / How it works...

K

  • KML
    • about / Adding KML/GeoRSS layers
  • KML files
    • adding, to map / How to do it…

L

  • layers
    • table of contents (ToC) control, creating for / Creating a table of contents control for layers, How to do it…, How it works...
  • Leaflet
    • about / Introduction
  • length
    • calculating, of polygons / Calculating the length/area of polylines and polygons, How to do it..., How it works...
    • calculating, of polylines / Calculating the length/area of polylines and polygons, How to do it..., How it works...
  • lines
    • adding, to maps / Adding lines to maps, How to do it…, How it works...
  • location
    • about / Introduction
  • locations
    • distance matrix, creating for / Creating a distance matrix for the given locations, How to do it…, How it works...
    • directions, obtaining for / Getting directions for the given locations, How to do it…, How it works...
  • logo
    • adding, as control / Adding your own logo as a control, How to do it…

M

  • map
    • creating, for mobile devices / How to do it…, How it works...
    • drag zoom, adding to / Adding drag zoom to the map, Getting ready, How to do it..., How it works...
  • map extent
    • restricting / Getting ready, How to do it…, How it works...
  • Mapinfo
    • about / Creating a table of contents control for layers
  • mapOptions object / How it works...
  • map properties
    • modifying, programmatically / Changing map properties programmatically, How to do it…, How it works...
  • MapQuest
    • about / Introduction
  • maps
    • creating, in custom DIV element / Getting ready, How to do it…, How it works...
    • tile overlays, adding to / Adding tile overlays to maps, How to do it…, How it works..., There's more...
    • image overlays, adding to / Adding image overlays to maps, How to do it…, How it works...
    • about / Introduction, Adding markers to maps, Creating two synced maps side by side
    • markers, adding to / Getting ready, How to do it…, How it works...
    • pop ups, adding to / Adding popups to markers or maps, How to do it…, How it works...
    • lines, adding to / Adding lines to maps, How to do it…, How it works...
    • polygons, adding to / Adding polygons to maps, How to do it…, How it works...
    • rectangles, adding to / Adding circles/rectangles to maps, How to do it…, How it works...
    • circles, adding to / Adding circles/rectangles to maps, How to do it…, How it works...
    • animated lines. adding to / Adding animated lines to maps, How to do it…, How it works...
    • GeoRSS files, adding to / How to do it…
    • KML files, adding to / How to do it…
    • context menu, creating on / Getting ready, How to do it…, How it works...
    • shapes, drawing on / Drawing shapes on the map, How to do it..., How it works..., There's more...
    • Street View, adding to / Adding Street View to your maps, Getting ready, How to do it…, How it works...
    • WMS layers, adding to / Adding WMS layers to maps, How to do it…, How it works...
    • Fusion Tables layers, adding to / Adding Fusion Tables layers to maps, Getting ready, How to do it…, How it works...
    • CartoDB layers, adding to / Adding CartoDB layers to maps, Getting ready, How to do it…, How it works...
  • MapTiler
    • URL / Adding image overlays to maps
  • markers
    • about / Adding markers to maps
    • adding, to maps / Getting ready, How to do it…, How it works...
    • pop ups, adding to / Adding popups to markers or maps, How to do it…, How it works...
  • methods, OverlayView class
    • draw() / How it works...
    • onAdd() / How it works...
    • onRemove() / How it works...
  • mobile devices
    • about / Moving from the Web to mobile devices
    • map, creating for / How to do it…, How it works...
  • mouse click
    • coordinates, obtaining for / Getting the coordinates of a mouse click, How it works..., There's more…

N

  • nearby places
    • searching for / Searching for and showing nearby places, How to do it..., How it works..., There's more...
    • showing / Searching for and showing nearby places, How to do it..., How it works..., There's more...
  • Notepad++
    • about / Getting ready

O

  • OGC
    • about / Adding WMS layers to maps
  • Open Geospatial Consortium (OGC)
    • about / Adding WKT to the Google Maps JavaScript API
  • OpenLayers
    • about / Introduction
  • OpenStreetMap
    • about / How it works...
    • URL / How it works...
  • OpenStreetMaps
    • about / Creating a table of contents control for layers
  • overlays
    • transparency, modifying / Changing the transparency of overlays, How it works...
    • about / Introduction
  • OverlayView class
    • methods / How it works...

P

  • Panoramio
    • about / Adding the Panoramio layer
    • URL, for info / Adding the Panoramio layer
  • Panoramio layer
    • adding / How to do it…, How it works..., There's more...
  • parameters, InfoBoxOption class
    • content / How it works...
    • pixelOffset / How it works...
    • boxStyle / How it works...
    • closeBoxMargin / How it works...
    • closeBoxURL / How it works...
    • pane / How it works...
    • position / How it works...
    • enableEventPropagation / How it works...
  • pinpointResult() function / There's more...
  • places
    • finding, with autocomplete option / Finding places with the autocomplete option, How to do it..., How it works...
  • places library / Searching for and showing nearby places
  • Point Of Interests (POI)
    • about / Introduction
  • polygons
    • adding, to maps / Adding polygons to maps, How to do it…, How it works...
    • area, calculating of / Calculating the length/area of polylines and polygons, How to do it..., How it works...
    • length, calculating of / Calculating the length/area of polylines and polygons, How to do it..., How it works...
  • polyline encoding algorithm / Encoding coordinates
  • polylines
    • length, calculating of / Calculating the length/area of polylines and polygons, How to do it..., How it works...
    • area, calculating of / Calculating the length/area of polylines and polygons, How to do it..., How it works...
  • pop ups
    • adding, to markers / Adding popups to markers or maps, How to do it…, How it works...
    • adding, to maps / Adding popups to markers or maps, How to do it…, How it works...
  • position
    • modifying, of controls / Changing the position of controls, How to do it…
  • prepareWMSUrl() method / How it works...
  • prototype-based inheritance, JavaScript / How it works...

R

  • raster
    • about / Introduction
  • raster layers
    • about / Introduction, Introduction
  • rectangles
    • adding, to maps / Adding circles/rectangles to maps, How to do it…, How it works...
  • RotateControl control / How it works...

S

  • Service-oriented Architecture (SOA)
    • about / Accessing ArcGIS Server with the Google Maps JavaScript API
  • shapes
    • drawing, on map / Drawing shapes on the map, How to do it..., How it works..., There's more...
  • startButtonEvents() function / How to do it…
  • Street View
    • adding, to maps / Adding Street View to your maps, Getting ready, How to do it…, How it works...
  • Styled Maps Wizard
    • URL / There's more...
  • Sublime Text
    • about / Getting ready
  • SVG
    • about / There's more...
  • SVG path notation / How it works...
  • synced maps
    • creating, side by side / Creating two synced maps side by side, How to do it…, How it works...

T

  • table of contents (ToC) control
    • about / Introduction, Creating a table of contents control for layers
    • creating, for layers / Creating a table of contents control for layers, How to do it…, How it works...
  • TextWrangler
    • about / Getting ready
  • tile overlays
    • adding, to maps / Adding tile overlays to maps, How to do it…, How it works..., There's more...
  • tile sources
    • using, as base maps / Using different tile sources as base maps, How to do it…, How it works...
  • TMS
    • about / Introduction
  • traffic information
    • displaying, on Google Maps / Adding the traffic layer, How it works...
  • transit layers
    • adding, to Google Maps map interface / Adding the transit layer, How it works...
  • transparency
    • modifying, of overlays / Changing the transparency of overlays, How it works...

U

  • U.S. Geological Survey (USGS)
    • about / Adding KML/GeoRSS layers
  • UTFGrid
    • about / How it works...

V

  • vector layers
    • about / Introduction
  • visualEnabled property / How it works...

W

  • weather-related information
    • displaying, on base maps / Adding the weather and cloud layers, How to do it…, How it works...
  • WeatherLayerOptions / There's more...
  • WebStorm
    • about / Getting ready
  • WFS
    • about / Accessing GeoServer with the Google Maps JavaScript API
  • WKT
    • about / Introduction, Adding WKT to the Google Maps JavaScript API
    • adding, to Google Maps JavaScript API / Adding WKT to the Google Maps JavaScript API, How to do it…, How it works...
  • WMS
    • about / Adding WMS layers to maps
  • WMS layers
    • adding, to maps / Adding WMS layers to maps, How to do it…, How it works...

X

  • XML
    • about / Adding GeoJSON to the Google Maps JavaScript API

Z

  • zoom_changed event / How it works...
lock icon The rest of the chapter is locked
arrow left Previous Section
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 €14.99/month. Cancel anytime}