Previously written means of Google Maps to use the site with 2 sections (1, 2), now written to the current carillon Google Maps version 2.x is deprecated and is being decommissioned carillon by itself. Google Maps now they would be troubling to developers shifting to use Google Maps version 3 or version is now referred to as the V3, which is easier to run very old. First, obviously, we do not need to apply for an API Key for Google Maps Library for download anymore, and all the settings used to configure the Object that is easy to understand than the old version. Start by writing the HTML (5).
The above code, nothing much. When I open the Browser (IE9 +, Safari 3+, Firefox 3+) will see a gray box in the middle of the screen. The key point in line 5, which draws JavaScript Library for use by Google Maps and Google, which is shorter than the version 2.x API Key is required to enter into an important point to add variables to determine sensor that always. The variable has two possible values are true or false values to variables that are used sensor for applications where the search or not. (Understood as a sensor of the device to open the app) and the other is that line 25 for the element to show map.
Next, they modify the body tag to call the JavaScript running on the page, the download carillon is complete after <body> is <body onload = "initWithMapStart ()"> The initWithMapStart () is a function of JavaScript, which when downloaded information. This page shows a complete function initWithMapStart (), it will start work immediately. Now our problem is that the above code does not function. initWithMapStart () declared carillon it so I add this function to the next line of code anywhere on a line that runs JavaScript Library from Google.
The line 5 is to create the desired position in variable latlng lines 6-10 are various configurations. Required in variable mapOptions by mapTypeId is desired map type. Then the set values stored in variables mapOptions line 11-14 is the process of creating the map, called the Content from the Element is a good map-canvas (line 12) using the values stored carillon in variables for mapOptions. Create a chart (line 13).
The one thing missing is an indicator for the Marker itself by adding the code below next to line 14 of fig.2 var marker = new google.maps.Marker ({position: latlng, map: maps, animation:. google.maps.Animation.DROP, title: "Welcome to Thailand"});
The line 2 is to determine the preferred orientation Marker which the code is assigned to the center of the map line 3 is defined map which to place the Marker down to the 4th line is to set an animation to the Marker. The length animation that makes the Marker set to fall from the top of the Marker Text Line 5 is scheduled to be shown when the mouse is placed on the Marker.
Finally, the need is to create a text box that is displayed when you click on Marker by adding the following code next to the code used to create the Marker var info = new google.maps.InfoWindow ({content: '<. h1> Hello </ h1> '}); google.maps.event.addListener (marker,' click ', function () {info.open (maps, marker);});
The 1-3 line is to create Object of InfoWindow lines 4-10 is to define the event 'click' (line 6) to the variable marker (line 5) When the user clicks on Marker to do. function by opening 7-9 line text box marker in map (line 8).
23 thoughts on "Google Maps V3 Introduction".
Sitdh says:
Technology to tell you that I did not recognize it, so the Microsoft C #, file Access or GridView, I have no knowledge at all. If you answer a summary If you know how to use GridView (read / write) pull out of a job. I must say I do it.
Oh, it's great ... try. Fits, I do it on my IE9 already ruined, as it is depicted this way. The show just that Will not scroll to zoom. Find a solution to the many ways that your skull to +10, so now let's try the demo LAT / LNG qualify carillon Thank you. This store is visited by many more.
In the second demo will be completed. Usually it works
Ask me anything Is that like the text in the text box. When we right click on a Google map and select "What's This" Marker display on the message box that we created. I can Logged That will be used in case the original Marker was not at all well.
1 This statement, "This Is It" is derived from the script itself or not. I use it to see if it acts a variable to store the text to be displayed in the Marker Text 2 bringing it to the value of the variable in the first post, then leave them to put the Marker created. to the new location Or if it is just to move the Marker is no need to re-enter carillon it. Marker because it is built already. carillon
Web http://maps.google.co.th/maps> Right click on Preferences> carillon select "What's This" green pins are set, then a message box, the point is that .. I will put it in the text box on the web. Simulated single mapping may be used with it.
The task is to get the Lat, Long and put it on the dot on the map. And to tell you the details of that (.
MORE
No comments:
Post a Comment