+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: JS i problem z google maps API (/thread-js-i-problem-z-google-maps-api)
JS i problem z google maps API - bor1904 - 12-08-2012
Witam,
Tworze w C# system geolokalizacyjny wykorzystujący GPS i adresy pocztowe.
Swojegorodzaju gadżetem jest obrazowanie tego w windows form w kontrolce webbrowser.
Od rana walcze z niby banalną rzeczą ale nie moge sobie poradzić.
Finalnie powinno wyświetlić 6 pktów z opisami IPX i odpowiednimi lokalizacjami.
Wyświetla 3, a pozostałe 3 wyświetla jak się w kilku miejscach alert'y wstawi w kodzie....
Proszę oto kod:
Kod:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Geolokalizacja GPS dla IPv6
</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">
var marker, i, geocoder, opis;
//koordynaty
var locations = [
['IP1', 54.3977, 18.60478],
['IP2', 54.3837, 18.60978],
['IP3', 54.3877, 18.60278]
];
//adresy
var addresses = [
['IPa', 'Gdańsk', 'legionów', '60'],
['IPb', 'Gdynia','świętojańska', '49'],
['IPc', 'Sopot', '23 marca', '10']
];
function initialize()
{
//stworzenie mapy
var map = new google.maps.Map(document.getElementById('map'),
{
zoom: 10,
center: new google.maps.LatLng(54.39, 18.63),
mapTypeId: google.maps.MapTypeId.SATELLITE
});
//dymek z opisem
var infowindow = new google.maps.InfoWindow();
//Zamiana adresów na koordynaty
for (i = 0; i < addresses.length; i++)
{
geocoder = new google.maps.Geocoder();
//nazwa miasta
opis = addresses[i][0];
geocoder.geocode( { 'address': addresses[i][1] + ", " + addresses[i][2]+ " " + addresses[i][3]}, function(results, status) {
//map.setCenter(results[0].geometry.location);
locations[locations.length]=[opis, results[0].geometry.location.lat(), results[0].geometry.location.lng()];
});
}
//oznaczenie punktów na mapie na podstawie koordynatów
for (i = 0; i < locations.length; i++)
{
marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), map: map});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function()
{
infowindow.setContent(locations[3][0]); infowindow.open(map, marker);
}})
(marker, i));
}
}
</script>
</head>
<body onload="initialize()">
<div id="map" style="width: 400px; height: 400px;">
</div>
</body>
</html>Proszę o jakiekolwiek podpowiedzi.
pzdr