background preloader

Google Maps

Facebook Twitter

HTML5 Geolocation Tutorial - Detect users location with HTML Geolocation. Editable lines in Google Maps using the Javascript v3 API - Jayway. Google Maps api v3 enableEditing polylines. Draw interactive polyline path from source to destination in Google Maps v3. <title>How to draw a route between two markers in Google Maps API?

Draw interactive polyline path from source to destination in Google Maps v3

</title> html, body, #map-canvas margin: 0; padding: 0; height: 500px; width: auto; .labels color: white; background-color: #4CC417; font-family: "Lucida Grande" , "Arial", sans-serif; font-size: 10px; text-align: center; width: 10px; white-space: nowrap; // Loading google map on web page var map;var MarkerArray =[]; var icon=''; // creating a map on web page function initialize() { var mapOptions = { zoom: 12, // Set Zoom Level center: new google.maps.LatLng(19.114029,72.873688 ), // Set the Latitude and longitude of the location. Google Maps - advanced: draw, save, reload & share maps: GmapGIS.

Google Geo Developers Blog: Interactive Data Layers in the JavaScript Maps API. Posted by Joshua Lau, Google Maps JavaScript API v3 team in SydneyEditor's Note: Joshua Lau studies Computer Science and Mathematics at the University of New South Wales, Australia.

Google Geo Developers Blog: Interactive Data Layers in the JavaScript Maps API

He has spent the past summer interning on the Google Maps JavaScript API v3 team in Sydney. He’s had lots of fun enabling users to edit, drag and create Data layer Features on Maps. Today we’re introducing new features to the Data Layer that will make it easy for you to allow users to input and edit geographic data and get the updated data in GeoJSON format. Geographical data make maps interesting, informative and useful for users. For example, interactive Data Layers can be used to gather user opinions on the best places to visit and easily build heatmaps based on popular hotspots by using a Styling Function on the Data Layer. Graphically Edit a Data Layer You can allow users to edit a Data Layer by setting the draggable and editable styling options. Maplace.js - A Google Maps javascript plugin for jQuery. Tool for Google Maps v3 (version 3) This application is also available with Large map.

Tool for Google Maps v3 (version 3)

This is a drawing tool for polyline, polygon, polygon with holes, rectangle, circle, marker(icon), direction(route, path). Google Maps API + Canvas - Web Design & Programming - Neowin Forums.   Google Maps JavaScript API   Overview The DrawingManager class provides a graphical interface for users to draw polygons, rectangles, polylines, circles, and markers on the map.

  Google Maps JavaScript API  

Using the Library The Drawing Tools are a self-contained library, separate from the main Maps API JavaScript code. To use the functionality contained within this library, you must first load it using the libraries parameter in the Maps API bootstrap URL: Once you’ve added the libraries parameter, you can create a DrawingManager object as follows: var drawingManager = new google.maps.drawing.DrawingManager();drawingManager.setMap(map); DrawingManager Options The DrawingManager constructor takes a set of options that define the set of controls to display, the position of the control, and the initial drawing state.

UN2120-歷史地理資訊系統實作: Lesson4:在地圖上標註線. Upgrading Your Google Maps JavaScript Application To v3   Version 2 of the Google Maps JavaScript API is no longer available.

Upgrading Your Google Maps JavaScript Application To v3  

This guide is intended to help developers who are already using the Google Maps JavaScript API v2 migrate their code to version 3. Miguel Angel Vilela, Google Enterprise Support TeamNovember, 2012 Quite a lot has changed between v2 and v3 of the Google Maps JavaScript API. As you start working with the new API, you will quickly find that this is not simply an incremental upgrade. The good news is that we've added a lot of great new features and improved the overall usability of the API from the developers standpoint. Overview Every application will have a slightly different migration process; however, there are some steps that are common to all projects:   Google Maps JavaScript API   Google Maps API. API v2.130 introduces GLayers, which can be used for displaying the Wikipedia and Panoramio layers to your map.

Google Maps API

Google themselves don't (yet) supply a control for allowing users to switch layers on and off, so I wrote this example IDs and LMCs The documented way to specify a particular layer is by using its ID. The official list of IDs is at spreadsheets.google.com/pub? Key=p9pdwsai2hDN-cAocTLhnag In addition to the official list, there are also "com.panoramio.popular", which omits the Panoramio elements that have the small icons, and there's "com.youtube.all" which displays the YouTube layer, and there are a few other Wikipedia languages.

There's also an undocumented way to specify a particular layer, by using its LMC. You can only use IDs that the particular release of the main API code knows about, because the main API code needs to know how to translate the ID into an LMC. Hide() and show() GLayers support .hide(), .show() and .isHidden(). GLayers don't support .supportsHide().