background preloader

Getting Started - Google Maps JavaScript API v3

Getting Started - Google Maps JavaScript API v3
The Maps JavaScript API lets you customize maps with your own content and imagery for display on web pages and mobile devices. The Maps JavaScript API features four basic map types (roadmap, satellite, hybrid, and terrain) which you can modify using layers and styles, controls and events, and various services and libraries. Audience This documentation is designed for people familiar with JavaScript programming and object-oriented programming concepts. You should also be familiar with Google Maps from a user's point of view. There are many JavaScript tutorials available on the Web. This conceptual documentation is designed to let you quickly start exploring and developing applications with the Maps JavaScript API. Hello, World The easiest way to start learning about the Maps JavaScript API is to see a simple example. View example. Even in this simple example, there are a few things to note: We declare the application as HTML5 using the <! These steps are explained below. Script Tag Attributes

Geocoding Service - Google Maps JavaScript API v3 Overview Geocoding is the process of converting addresses (like "1600 Amphitheatre Parkway, Mountain View, CA") into geographic coordinates (like latitude 37.423021 and longitude -122.083739), which you can use to place markers or position the map. Reverse geocoding is the process of converting geographic coordinates into a human-readable address. The Google Maps API provides a geocoder class for geocoding and reverse geocoding dynamically from user input. When you first load the API, you will be allocated an initial quota of Geocoding requests. Once you have used this quota, additional requests will be rate-limited on a per-second basis. Geocoding Requests Accessing the Geocoding service is asynchronous, since the Google Maps API needs to make a call to an external server. You access the Google Maps API geocoding service within your code via the google.maps.Geocoder object. The GeocodeRequest object literal contains the following fields: These fields are explained below. Geocoding Responses

Geocoding Service - Google Maps JavaScript API v3 Overview Geocoding is the process of converting addresses (like "1600 Amphitheatre Parkway, Mountain View, CA") into geographic coordinates (like latitude 37.423021 and longitude -122.083739), which you can use to place markers or position the map. Reverse geocoding is the process of converting geographic coordinates into a human-readable address. The Google Maps API provides a geocoder class for geocoding and reverse geocoding dynamically from user input. Geocoding Requests Accessing the Geocoding service is asynchronous, since the Google Maps API needs to make a call to an external server. You access the Google Maps API geocoding service within your code via the google.maps.Geocoder object. The GeocodeRequest object literal contains the following fields: These fields are explained below. * Note: You may pass either an address or a latLng to lookup. The bounds and region parameters will only influence, not fully restrict, results from the geocoder. Geocoding Responses Geocoding Results

jquery_ui_map_v_3_sample_code - jquery-ui-map - Sample code - Google map v3 plugin for jQuery and jQuery Mobile Example constructor call Make the selected element a Google map. $('#map_canvas').gmap(); Map options are added in the constructor or set with the option method The map options is extended with a callback function which will execute when the Google Map object has been instanciated. When the map is fully initialized (with bounds) it will trigger the 'init' event. $('#map_canvas').gmap().bind('init', function(event, map) { // do something }); All properties in the MapOption object can be set and retrieved by Get the zoom var zoom = $('#map_canvas').gmap('option', 'zoom'); Set the zoom $('#map_canvas').gmap('option', 'zoom', 7); Example add custom control $('#map_canvas').gmap().bind('init', function() { $('#map_canvas').gmap('addControl', 'control', google.maps.ControlPosition.LEFT_TOP); }); $('#map_canvas').gmap('addControl', 'control', google.maps.ControlPosition.LEFT_TOP); Example add marker Example InfoWindow Close any open InfoWindow $('#map_canvas').gmap('closeInfoWindow'); Example JSON response

APIs Console Help The Google Developers Console is Google's developer experience for managing and viewing traffic data, authentication, and billing information for the Google APIs that your projects use. Managing projects in the Developers Console In the Google Developers Console, a project is a collection of settings, credentials, and metadata about the application or applications you're working on that make use of Google Developer APIs and Google Cloud resources. The Developers Console is where you manage these aspects of your project, such as generating API credentials, activating APIs, and managing team and billing information associated with your project. Creating and shutting down projects You can use one Developers Console project to manage all of your work, or you can create multiple projects, depending on your development and collaboration needs. Creating a project To create a project, do the following: Go to the Google Developers Console. Shutting down a project Restoring projects project owners . Chrome

Comment appeler une méthode d’un objet Javascript via setTimeout et setInterval ? | Epershand Pré-requis pour ce tutoriel Un navigateur web (Mozilla Firefox, Google Chrome, Safari aux choix)Un outil de développement (Coda, Dreamweaver, Aptana, Notepad++, etc.)Des bases en programmation Javascript Utilisation classique des fonctions setTimeout et setInterval En Javascript, les méthodes setTimeout(callback, timer) et setInterval(callback, timer) sont utilisées pour appeler une portion de code de manière décalée dans le temps. Voici comment ces deux fonctions s’utilisent : function myFunction() { alert('Hello world !') Utilisation dans un contexte objet Lorsque l’on développe en objet en Javascript, la donne change très sensiblement, ainsi si vous souhaitez utiliser les méthodes « setTimeout » ou « setInterval » vous aurez bien souvent tendance à vouloir écrire : setTimeout('this.myMethod()', 1000); Mais ce bout de code ne fera que générer un bug et n’appellera pas votre méthode. Cela revient à écrire : window.alert('Hi everybody'); De même si vous écrivez votre propre fonction :

GeoLocation API – Chrome / Safari – Permission management and Visual Differences | Source Code Auditing, Reversing, Web Security GeoLocation API is a very sensitive API when it comes to Privacy concerns. Yes all the browsers request user for the permission to share the information. But browsers has different level of information to alert the user and management these permissions. PoC to access the GeoLocation Information: Chrome: Let’s access this PoC from Google Chrome 16 browser. Chrome ask for “One time” Permission. Under the “Location” section if you click the “Manage exceptions” button, you can see the list of permissions we have given till now. Most of the time what happens is, we give permission to a site once but we forget that this website keep tracking our location. Safari Let’s access this PoC from Apple Safari 5.1.2 browser. Safari provides very limited option in managing these permission. Safari does not allow you to change the permission for specific site but safari has one interesting option of remembering it for One day. Summary 1. Like this: Like Loading...

EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERATION diaporama, acceleration, deceleration, iphone, rotation 360, Source N°54059 Javascript c'est un effet de rotation a 360 degré avec plusieurs images utilisant la souris sur la zone ou ce situe l'image on peut aussi pousser l'image afin de créer un effet d?accélération décélération j'y est ajouter le préchargement des images afin d'assurer la fluidité de l'animation le script fonctionne avec firefox chrome opera et ie testé avec ie 8 et je pense qu'il doit pouvoir marcher avec ie 6 lien teste Source / Exemple : Conclusion : ca roule web services - Timezone lookup from latitude longitude jQuery Reel Plugin verb ... the room reeled GO ROUND, go round and round, whirl, spin, revolve, swirl, twirl, turn, swim. Try dragging this area or roll your mouse wheel over it Now even on Android Reel 1.3 is an established and the most versatile three-sixty player for jQuery. Teaches your ordinary image tag some new tricks turning it into a gorgeous interactive 360° object movie, panorama or stop-motion animation. Modes covering beyond usual 360° span. back up Demonstration An image is worth a thousand words. Try reel for yourself. Stitched panoramas are supported too: You can also embed annotations (e.g. text or images) of individual features on the scene. See all 19 examples incl. code samples Is it compatible? Runs everywhere! * Under the hood Reel uses nothing else than CSS background image positioning which is pretty common in all today's browsers. Who uses it? Everybody! Latest news To date, Reel is used on 2014+ domains world-wide. The CDN has run dry today and was rejecting requests. Download

Location to Information - AskGeo The functionality offered by the Web API is also available through the standalone AskGeo Java and .NET Libraries. These libaries are great for users who want more control over the API access and availability, are concerned about speed and reliability, or are intending to perform a large volume of queries. They offer several advantages over the Web API: Speed By avoiding network latency, shared server resources, and network layer overhead, the AskGeo Java and .NET Libraries provide the fastest possible response time for your application. Reliability Depending on an external API necessarily reduces the reliability of a system. Volume Unlike the Web API, which charges for each query, the AskGeo Java and .NET Libraries only include an up-front licensing fee. The AskGeo Java Libraries are compatible with Java 6, and the .NET Libraries are compatible with .NET 4.

Related: