Saturday, January 31, 2009

Trendnet Router Restarts

Caricare markers da un database con MySQL e PHP (seconda parte)

With our review in the previous article we actually finished our work. It will indeed be included in an HTML page code that reads the XML file produced by the PHP scripts and enhance the parameters of the various methods for displaying javascript.
example uses the static method


GEvent.addListener
(marker, 'mouseover', function () {marker.openInfoWindowHtml (html)});


that activates the display on mouseover , a dialog box of a string (variable html) containing the name and description of marker

do not think there is no further comment to make if you do not have a look at the code. The result of the project You will find here .



\u0026lt;! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
\u0026lt;html xmlns="http://www.w3.org/1999/xhtml">
\u0026lt;head>
\u0026lt;meta http-equiv = "content-type" content = "text / html; charset = utf -8 "/>
\u0026lt;title> View on Google Map markers using MySQL and PHP \u0026lt;/ title>
\u0026lt;script src =" http://maps.google.com/maps?file=api&v=2&key=LAVOSTRAAPIKEY "
type = "text / javascript"> \u0026lt;/ script>
\u0026lt;script type="text/javascript">
//\u0026lt;![ CDATA [

function load () {
if (GBrowserIsCompatible ()) {
was map = new GMap2 (document.getElementById ("map" ));
map.addControl (new GLargeMapControl ());
map.addControl (new GMapTypeControl ());
map.setCenter (new GLatLng (44.0750963, 10.700323), 8);

GDownloadUrl ("creaxml.php" , function (data) {var xml =
GXml.parse (data);
were markers = xml.documentElement.getElementsByTagName ("chips");
for (var i = 0; in < markers.length; i++) {
var denom = markers [i]. getAttribute ("denom");
var address = markers [i]. getAttribute ("address");
tipomarker var = markers [i]. getAttribute ("tipomarker");
var point = new GLatLng (parseFloat (markers [i]. getAttribute ("lat")),
parseFloat (markers [i]. getAttribute ("long "))); var marker =
createMarker (point, denom, address, tipomarker) ;
map.addOverlay (marker);

}});}

}

createMarker function (point, denom, address, tipomarker) {
var marker = new GMarker(point);
var html = "("+tipomarker+")&lt;br/>&lt;b>" + denom + "&lt;/b> &lt;br/>" + indirizzo;
GEvent.addListener(marker, 'mouseover', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
//]]>
&lt;/script>
&lt;/head>

&lt;body onload="load()" onunload="GUnload()">

&lt;/body>
&lt;/html>




Volendo raffinare l'applicazione, si potrebbe ad esempio visualizzare un marker di colore diverso per ogni tipologia di punto (nel nostro caso lavoro oppure studio). Il codice relativo non è molto più complicato di quanto abbiamo visto, potete fare rierimento alla già citata guida su Google Code . Oppure ci torneremo in uno dei prossimi articoli.

Thursday, January 29, 2009

Enquiry Letter Of Car

Caricare markers da un database con MySQL e PHP (prima parte)

Una possibilità davvero interessante è quella di poter visualizzare su una Google Map dei markers le cui coordinate ed altri elementi siano caricati da un database esterno.
Questo ci consente di poter utilizzare insiemi molto grandi di coordinate lasciando sempre inalterato il codice javascript di richiamo della map.
This article does not conclude our work, we will figure out how to build our database, populate it and create PHP scripts to query the data and the creation of an XML output. We therefore find ourselves in the same situation the previous post: an XML file to be given "at the mercy" to the javascript code so that the markers are displayed on the map.

This post and the next to make extensive reference material, suitably simplified and integrated into the popular, which appears in very good article (in English) you find on Google Code .

define the project to realize a sort of "geographical curriculum," a Google Map where they are see all the places where I studied or worked, whose details are contained in a database.

As a teaching project, the data are actually very few. The possibilities are endless but, as we could insert into the database large amounts of data created by third parties and, with appropriate technical knowledge, filter them in a manner that concerns us.

What you need:
1) A web space with support MySQL and PHP
2) Some hints on how to build a relational database
3) Small knowledge PHP and Javascript


POINT 1
There are two possibilities: the first is to register on the Internet to a service of free web space with the characteristics mentioned above. I have already mentioned ilbello.com hosting, but the services of this kind are innumerable. A selection of the other free services and free you can find it in this post .

The second option is to work locally, that is, use your PC like a web server. To do this you can use software packages such as XAMPP or EasyPHP. For proper installation, you can refer to the link at the bottom of the article.

POINT 2
we rely on a relational database, structured in tables (we will only need one). Our web space, be it real or virtual, will allow us to create and populate (insert data) a database through the language of administration PhpMyAdmin.

As for the service will open the ilbello.com PhpMyAdmin at http://sql.ilbello.com/ , inputting username and password provided to us upon registration. For other services, of course, will change the address but the access mode will be identical.




to create and populate the database table is posono use different methods:

1) inserting each element through the PhpMyAdmin interface
2) Amount in PhpMyAdmin appropriate sql files like this:


CREATE TABLE `markers` (`id`
INT NOT NULL PRIMARY KEY AUTO_INCREMENT, `denom
`VARCHAR (60) NOT NULL,` address `VARCHAR
(60) NOT NULL,` lat `FLOAT
(10, 6) NOT NULL,` long
`FLOAT (10, 6) NOT NULL,`
tipomarker `VARCHAR (30) NOT NULL,
) ENGINE = MYISAM;

What do I say through this set of instructions?

create a table with 6 fields: the id field is an index that is autoincremente, the second campo, denom, ha al massimo 60 caratteri; lo stesso dicasi per il campo indirizzo; lat e long sono campi numerici, al massimo di 10 cifre di cui 6 decimali; tipomarker ha al massimo 30 caratteri; MYISAM è il motore di indicizzazione del database.


3) Importando opportuni files in formato CSV (ottenuti da terze parti o dal nostro foglio elettronico ).



PUNTO 3
Attingiamo adesso ad alcuni elementi di PHP per accedere ai dati del database ed elaborarli in modo da formare un documento XML. Per motivi di sicurezza si sceglie di creare due script distinti, uno con le credenziali di autenticazione and the other receiving the credentials, accesses the database and form the XML document. Here are the listings of the two files, and credenziali.php creaxml.php . Please note that clicking on that link will not show the script but its result, ie the XML file with data displayed on the map.


\u0026lt;?
/ / Of course, $ username, $ password $ database will contain the values \u200b\u200breported by
your hosting service provider or chosen at will if you use a local web server

$ host = "localhost";
$ username = "vostrousername "
$ password =" YOURPASSWORD "
$ database =" vostrodatabase "
?>



\u0026lt;?

php / / require login information contained in credenziali.php
require ("credenziali.php");

/ / Replaces some special characters with the code entities' function
parseToXML ($ htmlStr) {

$ xmlStr = str_replace ('$ <','<',$htmlStr);
xmlStr = str_replace ('>','>',$ xmlStr)
$ xmlStr = str_replace ('"','"',$ xmlStr )
$ xmlStr = str_replace ("'",''',$ xmlStr)
$ xmlStr = str_replace ("&",'&',$ xmlStr)
return $ xmlStr;}


/ / Connect to the database
$ connection = mysql_connect (localhost, $ username, $ password);
if ($ connection) {
die ('Not connected:'. Mysql_error ());}


$ db_selected = mysql_select_db ($ database, $ connection);
if (! $ db_selected)
{die ('no database selected:'. mysql_error ());}


/ / Select all rows in the table with markers
$ query = "SELECT * FROM markers WHERE 1";
$ result = mysql_query ($ query);
if ($ result) {
die ('Query invalid:'. mysql_error ());}


header (" Content-type: text / xml ");

/ / Generate the root node of the XML file
echo '\u0026lt;markers>';

/ / Loop that creates the rest of the XML document based on the data of Table
while ($ row = @ mysql_fetch_assoc ($ result)) {
/ / ADD TO XML DOCUMENT NODE
echo '\u0026lt;marker';
echo 'denom = "'. parseToXML ($ row ['denom']). '"';
echo 'address ='". parseToXML ($ row ['address']). '"';
echo 'lat ="'. $ Row ['lat']. '"';
echo 'long ='". $ Row ['long']. '"';
echo 'tipomarker ="'. $ Row ['tipomarker']. '" ';
echo'/>';


} / / Generate the closing tag of the root node
echo' \u0026lt;/ markers> ';

?>

For now we have finished in the next article we will see how to integrate everything into the Google Map, using instructions which we now know the meaning.


Linkografia for those who want to install a server on the local


@ To install XAMPP Joomla Course in Second Life (see the slides from 6 to 22)
Slideshare @ (See slides from 6 to 22)
@ XAMPP step by step
@ Install XAMPP Windows


PHP Easy to install PHP on Windows Help @
@ Install and configure PHP and MySQL

Monday, January 19, 2009

Fotos Recientes Dong Long

Women's Fragrances: The top five brands. Part Two.

continued our journey to discover the top five perfumes woman.

  • 3 - Dune by Christian Dior
This perfume was launched in 1947. In a note Dior interview said that he was young his dream was to become a stylist, because she was always attracted by the scents. In fact, what he remembers maggiormenete of a woman, not the dress but her perfume. The eighteen fragrances launched by Dior, have always been innovative and designed to create new trends. In 1993, Dune won the FiFi as the best women's perfume. Its fragrance is contained in a note "ocean", which became very popular Dune that has helped make one of best selling products in the line of Dior. Dune is classified as a refreshing, oriental fragrance. This fragrance for women possesses a blend amber perfume, a hint of fresh water and sea air.
Although this scent, like the others is extremely versatile and can esssere "worn" at all times.


  • 4 - L'Heure Bleue by Guerlain
In 1828, Pierre - Francois - Pascal - Guerlain opened his first small shop in Paris and, beginning to produce custom scents for women and have unique fragrances for every customer. The young Guerlain thereby increase the height of his fame as he was called the Queen of Belgium to create a fragrance. In 1853, the perfume Eau Imperiale, ecstasy, the Empress Eugenie, who appointed her Guerlain perfumer Journal. He had the opportunity to create fragrances for half the royal houses of Europe. Since then, his home has produced over three hundred fragrances, the best of which is without doubt L'Heure Bleue. This women's perfume was created in 1912 by his nephew Jacques Guerlain. Innovative, oriental and floral this product is made from a blend of rose, iris and jasmine. A perfume is absolutely gorgeous and timeless, with subtle notes of sweet and spicy. A classic must-try.


  • 5 - Angel by Thierry Mugler
Angel is a perfume designed to be different, and not subject to fashion. The name of this women's perfume comes from the same vision, strong innocent and seductive. Angel is classified as a refreshing, oriental and woody fragrance. This feminine scent possesses a blend of vanilla, sandalwood and patchouli. Accompanied by fruity notes of fresh citrus, melons, peaches and plums. It took 18 months to make this complex fragrance.

Sandrail With Streetbike Engine

Visualizzare markers contenuti in un file XML

As mentioned in previous posts, we begin to "refine" the procedure for viewing on our map of specific markers .
Our goal is to make dynamic display of markers by importing the coordinates and other information from an external file to our website to view the Google Map.
In particular, we're going to see the data were previously included in an XML file . It is not the place to quibble about this metalinguaggio , ci basti sapere che in un file xml le informazioni sono contenute in particolari elementi detti tags .
Nel nostro esempio il file xml è costituito da un solo tag ( marker ) con tre attributi , la latitudine ( lat ), la longitudine ( long ) e una breve descrizione ( descr ). Il file si chiama scuole.xml ed è il seguente


&lt;markers>
&lt;marker lat="44.111508" long="9.835831" descriz="Qui ho frequentato le scuole superiori">
&lt;marker lat="44.113902" long="9.834570" descriz="Qui ho frequentato le scuole elementari">
&lt;marker lat="44.113715" long="9.833441" descriz="Qui ho frequentato le scuole medie">
&lt;marker lat="44.111206" long="9.834749" descriz="Qui abitavo molti anni fa">
&lt;/markers>



Il vantaggio di questa soluzione diventa evidente nel momento in cui avessimo l'esigenza di aggiungere altri markers . In quel caso, basterebbe inserire i nuovi dati a partire dalla penultima riga, rispettando la medesima sintassi, senza necessità di modificare la pagina web di visualizzazione della mappa.
Per gestire il file XML e "passare" i dati alla nostra pagina web But some steps are necessary: \u200b\u200b

1. Load in memory the contents of the file
To do this, we use the method

GDownloadUrl (scuole.xml ", function (date, responseCode));

file is loaded into the variable scuole.xml date; in responseCode is loaded with a code of computing the value of which allows us to see if there were no problems in loading (eg an invalid xml file or data errors) and then handle it without the 'processing stops (a topic that we leave out for now for simplicity).

NB E 'must che il documento XML sia contenuto nel medesimo server che ospita il codice javascript e quindi la pagina che richiede la Google Map.

2. Capire il tipo di documento contenuto nel file (XML)
Affinchè il codice javascript "capisca" che il file caricato sia xml viene utilizzato il namespace GXml, che fornisce metodi statici per gestire documenti XML. Il metodo

GXml.parse(data);
infatti, non è altro che un parser XML.

3. Gestire i dati in maniera corretta
I dati vengono caricati sotto forma di stringa mentre le coordinate geografiche devono essere in formato numerico. La funzione

parseFloat()
ha appunto come argomento la stringa corrispondente agli attributi lat e long e produce in uscita un numero in floating point .

Dopo tanto scrivere, passiamo alla visualizzazione del codice, opportunamente commentato per facilitarne la comprensione.

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
&lt;html xmlns="http://www.w3.org/1999/xhtml">
&lt;head>
&lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/>

&lt;title>Visualizzazione markers da file XML&lt;/title>

&lt;script src="http://maps.google.com/maps?file=api&amp;v=2 &amp;key=LAVOSTRAGOOGLEAPIKEY" type="text/javascript">
&lt;/script>

&lt;script type="text/javascript">

function initialize() {

if (GBrowserIsCompatible()) {

var map = new GMap2(document.getElementById("map_canvas"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());

//Aggiunge la scala
map.addControl(new GScaleControl());

//Centra la mappa in un punto particolare
map.setCenter(new GLatLng(44.112909 , 9.835415), 16);

GDownloadUrl("scuole.xml", function(data, responseCode) {

var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");

for (var i = 0; i < markers.length; i++) {

var punto = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("long")));

var titolo = (markers[i].getAttribute("descriz"));
map.addOverlay(new GMarker(punto, {title: titolo}));


}});}





} \u0026lt;/ script>

\u0026lt;/ head>

\u0026lt;body onload="initialize()" onunload="GUnload()">
\u0026lt; div id = "map_canvas" style = "width: 500px; height: 400px"> \u0026lt;/ div>

\u0026lt;/ body>
\u0026lt;/ html>

The result can appreciate here.

Once you understand this mechanism, the next post we will try to make an application even more refined. Instead of moving a static XML file, we may in fact create a dynamic, taking for example the list of coordinates and descriptions from a database.

Thursday, January 15, 2009

Letterpress Online Retailer

Women's Fragrances: The top five brands. the first part.

Women's Fragrances: there are hundreds of brands on the market, so it is extremely difficult to choose which is best suited for themselves. In this article, which will be divided into two sides will discuss the five best women's perfume, nominally recognized worldwide.

  • 1 - Chanel No. 5 by Chanel.
There is a woman's most famous perfume Chanel No 5. The legendary Marilyn Monroe , confessed to "wear" this perfume in the bed. In the world of fashion there is no person comparable to Coco Chanel in 1921 selected five samples of perfume, the creator Ernest Beaux, brought to her. Once you choose the fragrance, Coco held the number 5, as the samples, because this was his lucky number.
Not surprisingly, his collections are always svelte to the public on the 5th day of the fifth month. Chanel N. 5, is classified as a refined fragrance for women, by floral fragrance and sweet. This feminine scent possesses a balanced and modern fragrance of flowers. It 's a long-lasting scent, clean and fresh, and the same Coco made sure that one of the key elements of her perfume, jasmine, was of the highest quality. This fragrance is suitable for use quortidiano, for work and also for special occasions. Extremely versatile.


  • 2 - Joy Perfume by Jean Patou.
Perfum Joy, was launched at the design house of Jean Patou in 1930. He was a great innovator. Born in 1887, he moved to Paris in 1910 (he died at 49 years) where he founded his fashion house in 1919 and perfumes. Him, and his work there are no significant traces, until 1930, when he, wanting to make a tribute to its many international clients, which he said would never have visited his Paris studio, he asked his employees a very strong women's perfume and simple, no maximum cost of individual ingredients. It 's the quality of roses and jasmine to make it so special Joy. A curiosity: an ounce of the perfume for women, are required 10,000 jasmine flowers and 28 dozen roses. It also contains a blend of rare oils. Even Joy, is considered as a refined fragrance with a floral fragrance is absolutely wonderful. Joy is also a versatile fragrance, suitable for everyday use and for special occasions.

Credit Cards For Bad Credit

Welcome to Women's Fragrances!

For those who like to know, discover curiosities and anecdotes about the sensual world of perfumes for women, this blog will be a source of interesting, and constantly updated news and articles. Historical characters, products, reviews and everything revolves around this basic accessory for beauty and personal expression of every woman, will be discussed on these pages.

Wednesday, January 14, 2009

Tetas Grandes Bizarre

Overlay e markers su una Google Map: un primo esempio

We have learned so far how to insert a Google Map your site, focusing on specific geographic coordinates . We learned how to put some controls (the arrows, zoom, scale) and a dialog box at the point where the map is centered. The next
'esigenza becomes the view of the particular points on our map.
According to the code of Google Maps, all that can be identified by geographic coordinates is defined Overlay . A special type of Overlay is the marker, that is the single point position on a map. Other overlay are, for example polylines (sets of points forming a line) and polygons (polygons). The list does not end here, but in this post we will focus only on the first.

example that I propose, on a Google Map markers are displayed on the schools I attended (elementary, middle, high). Hover on each marker displays the type of school.
As in the previous example, before we begin we need the coordinates of the points that we would like to view. There may be entrusted again MyGeoPosition.com or just to point out other sites geocoding, a different alternative as this . The important thing, remember, is that the coordinates are in decimal format.

The coordinates of one of the schools I will also serve to center the map, then reuse the method

map.setCenter (new GLatLng ( lat, long ) livellozoom )

For view of the marker, however, I introduce the new method

GMarker ( coord , {title: " string"});


dove coord è il vettore bidimensionale delle coordinate, valorizzato attraverso la classe GLatLng. title è uno degli attributi opzionali di GMarker , e consente la visualizzazione di una stringa al passaggio del mouse sul marker.

A questo punto abbiamo tutti gli elementi per finire il nostro lavoro. Il risultato lo potete apprezzare qui e passiamo dunque a visualizzare il codice per intero:


&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
&lt;html xmlns="http://www.w3.org/1999/xhtml"> \u0026lt;head>


\u0026lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

\u0026lt;title> Visualizzazione markers its a Google Map \u0026lt;/ title > \u0026lt;script src="http://maps.google.com/maps?file=api&v=2&


key=APIKEYCHEMIHADATOGOOGLE"

type="text/javascript"> \u0026lt;/ script>



\u0026lt;script type="text/javascript"> function initialize () {

if (GBrowserIsCompatible ()) {

/ / Visualizza map mode only 'road
var map = new GMap2 (document.getElementById ("map_canvas"));

/ / ITIS G. Capellini
var center = new GLatLng (44.111508, 9.835831);

/ / Elementary Via Pascoli
var pin1 = new GLatLng (44.113902, 9.834570);

/ / Medium Via Leopardi
var pin2 = new GLatLng (44.113715, 9.833441) ;

map.setCenter (center, 16);

/ / The title option brings up a string of Gmarker
to step on the marker var marker = new

GMarker (center, {title: "Here I attended
superior "});
map.addOverlay (marker);

var marker = new GMarker (pin1, {title:" Here I attended the elementary
"});
map.addOverlay (marker);

var marker = new GMarker (pin2, {title: "Here I attended
medium"});
map.addOverlay (marker);

/ / If you want to add more markers in high
just declare a new variable (eg pin3) and copy the two lines just above this comment
replacing the variable name

/ / Add controls map.addControl
large format (new GLargeMapControl ());

/ / Add the scale
map.addControl (new GScaleControl ());}



} \u0026lt;/ script>
\u0026lt;/ head>

\u0026lt;body onload = "initialize ( ) "onunload =" GUnload () "> \u0026lt;div
id="map_canvas" style="width: 550px; height: 450px"> \u0026lt;/ div>

\u0026lt;/ body>
\u0026lt;/ html>



The example that I have proposed the display of markers is a bit 'rude. If we were to add new markers in fact we should necessarily change the above code, among other things that become difficult to read if we had to place several markers on a map.
The static display of markers is thus a major limitation, the remedies which will be used in posts to come.

Tuesday, January 13, 2009

Four Word Phrases For Friends

I primi controlli e metodi nell'utilizzo delle Google Maps

begin to do some work on files of the previous article to make it even more 'useful to our work.
Map of the previous post did not allow us either to move the map nor zoom controls attravero classic Google Maps. Suppose we have the need to include such controls. Suppose also that you have the need to incorporate into our site a map centered on a particular item by entering a description in the same place.
For centering the map, will be the method

map.setCenter (new GLatLng (lat, long), livellozoom)

To do this we need to know the latitude and longitude (NB in decimal format, not in degrees) of the point where we're going to center the map. To do this, or record the data from our GPS or use applications like http://mygeoposition.com/ .
Regarding the controls, you can simply use the methods

map.addControl (new GMapTypeControl ());


map.addControl (new GSmallMapControl ());

map.addControl (new GLargeMapControl ());


map.addControl (new GScaleControl ());


the first control allows you to select the type of map (Map, Satellite, Hybrid), the second and third are used to activate the navigation bar (the arrows to move) and buttons for zooming, in two versions, small and large, the fourth allows you to see the scale of our map.
Finally, with regard to the dialog box, you use the method


map.openInfoWindow (map.getCenter (), document.createTextNode ("testodavisualizzare"));


The work done so far can find here, followed by the HTML document.


\u0026lt;! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

\u0026lt;html xmlns="http://www.w3.org/1999/xhtml">
\u0026lt;head>
\u0026lt;meta http-equiv = "content-type" content = "text / html; charset = utf- 8 "/>
\u0026lt;title> Example 2 \u0026lt;/ title>
\u0026lt;script src =" & key = http://maps.google.com/maps?file=api&v=2
ABQIAAAAynaMdsZYAs5aITp8oGFoixTaBdm2rMFwTfjoALLN-mPT1dOPXBTTmmyWoK3
otqrSo4SXBqg8UMWHOA "type =" text / javascript "> \u0026lt;/ script>

\u0026lt;script type="text/javascript">

/ / function load () {
if (GBrowserIsCompatible ()) {var map = new
GMap2 (document.getElementById ("map"));

/ / ***** Center Spezia on the map zoom level 16
map.setCenter (new GLatLng (44.111206, 9.834749), 16);

/ / ***** View Control - Zoom Piccolo
map.addControl (new GSmallMapControl ());

/ / ***** View Map Type Control
map.addControl (new GMapTypeControl ());

/ / View *****
the scale of the map map.addControl (new GScaleControl ());

/ / ***** Opens information window
map.openInfoWindow (map.getCenter (), document.createTextNode ("The house where I was born
: Italy Avenue 40, Los Angeles'));}

}


//]]> \u0026lt;/ script>
\u0026lt;/ head>
\u0026lt;body onload = "load ()" onunload = "GUnload () "> \u0026lt;div
id="map" style="width:600px;height:400px"> \u0026lt;/ div>
\u0026lt;/ body>
\u0026lt;/ html>

Saturday, January 10, 2009

Equity Derivatives Tutorial

Il BigBang ovvero: tutto comincia da qui

Repeatedly prodded by digitaladoptive , telematics adventure companion for some time now, we begin this new venture, which aims to venture into the still mysterious world of bees, whether Google, Flickr or other "devilish" 2.0.
This space would be born as a support, integration, analysis, completion of subject matter from digitaladoptive precisely in his new blog Mashing Up .

But since it is my intention to be very simple and understandable, really want to start with the basics, as it has solid foundations that skyscrapers are born. Wanting to start from

Google Maps API, we try to understand what they are and that they serve.
Google does not just put at our disposal a set of dynamic maps (navigable, clickable, Zoom in and out), but gives us the possibility to include (embed) portions of these maps (and the information contained therein) in our staff Web site through the scripting language Javascript .

What you need to start using the Google Maps API?

1. A web space
For our purposes, a free web space should be just fine. Be careful though that the service provides support PHP and MySQL, things that will serve us later. It is not my intention to advertise, but since I used it I also suggest http://www.ilbello.com/

2. An FTP client
Although this type of software there are dozens of versions with different features more or less. Always the intention of not advertising, I suggest you even begin to install software but do not use http://www.net2ftp.it/ , an FTP client that works directly from the web

3. A Google Account
To use Google maps on your website you need a Google Map API key, ASK FOR FREE here after signing up Gmail (still do not have a Gmail account? What are you waiting?). Click the box where you agree to the terms and conditions for Google and type in the space after the address of the site where you're going to include a map

NOTE! Each key is valid for one and only one directory within a domain. Using an API key in a page like http://www.pippo.com/ , you can not use the same key to include a map on a page within http://www.pippo.com / folder . Be very careful. You can still get a new API key if you have to manage multiple Google Maps directory of your website. Google helps us

indeed the task because, in addition to the API key request, you will see a sample page, which contains the basic elements of the first to view our map:

  \u0026lt;! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN "
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
\u0026lt;html xmlns =" \u200b\u200bhttp://www.w3.org/1999 / xhtml ">
\u0026lt;head>
\u0026lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
\u0026lt;title> Google Maps JavaScript API Example \u0026lt;/ title >
\u0026lt;script src = "& http://maps.google.com/maps?file=api&v=2
key=ABQIAAAAynaMdsZYAs5aITp8oGFoixRJHuyTOYtQsjTGz8OInkxDcZHO1RR_8HzINN3BOtSIuhhpB8eBaotMiQ"
type="text/javascript">&lt;/script>
&lt;script type="text/javascript">
//&lt;![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
//]]>
&lt;/script>
&lt;/head>
&lt;body onload="load()" onunload="GUnload()">
&lt;div id="map" style="width:500px;height:300px">
\u0026lt;/ body>
\u0026lt;/ html>




Just then copy the proposed code and paste it into any text editor and then upload the file received via FTP, the folder our site. This
the result. This is a portion of the map of the area Palo Alto, California in ; in the next post will start to work on the code to customize a little bit of our map.