You are on page 1of 3

<!

DOCTYPE html>
<html>
<head>
<title>Geocoding service</title>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAVy-Bpck-
CYS_bAf4iav7TRA6UWv-QT_E&callback=myMap"></script>
<script>
var uniPartnere = [
{ qender: {lat:41.8, lng: -87.7 }, bursa:12},
{ qender: {lat:41.8, lng: -87.7 }, bursa:12},
{ qender: {lat:41.8, lng: -87.7 }, bursa:12},
];

var map;
//var geocode = new google.maps.Geocoder();
var UT = new google.maps.LatLng(41.3275, 19.8187);

//var directionsDisplay = new google.maps.DirectionsRenderer();


//var directionsService = new google.maps.DirectionsService();
var marker;

//kerkesa 1
function myMap()
{
var options = {
center: UT,
zoom: 12,
scale: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map(document.getElementById('demo'),


options);

marker = new google.maps.Marker({


position: UT,
map: map
});

universitetetPartnere();

google.maps.event.addListener(marker, 'click', function(event){


addInfoWindow(event.LatLng);
};

map.addListener('dblclick', function(event){
krijoRrugePolyline(event.LatLng);
};
}

//kerkesa 5
function krijoRrugePolyline(location)
{
for (var uni in uniPartnere)
{
var polyline = new google.maps.Polyline({
path: [location, uniPartnere[uni].qender,
strokeWeight: 2,
strokeColor: 'red'
});
polyline.setMap(map);
}
}

//kerkesa 4
function addInfoWindow(location)
{
var temp = "";
geocoder.geocode({'latLng':location},function(results, status){
if(status = google.maps.GeocoderStatus.OK)
{
temp += results[1].formatted_address;
}
});

var infoWindow = new google.maps.InfoWindow({


content: 'Postal code:' + temp
});
}

//kerkesat 2, 3
function universitetetPartnere()
{
for(var uni in uniPartnere)
{
if(parkimet[parkim].kapaciteti>100)
{
var circle = new google.maps.Circle({
center: uniPartnere[uni].qender,
strokeColor: '#b51e84',
strokeWeight: 2,
fillColor: '#8b9fb5',
strokeOpacity: 0.3,
radius: Math.sqrt(uniPartnere[uni].bursa)*100
});
}
else{
var circle = new google.maps.Circle({
center: uniPartnere[uni].qender,
strokeColor: '#b51e84',
strokeWeight: 2,
fillColor: '#8b9fb5',
strokeOpacity: 0.3,
radius: Math.sqrt(uniPartnere[uni].bursa)*100
}
rectangle.setMap(map);
}
}

google.maps.event.addDomListener(window, 'load', myMap);


</script>
</head>
<body>
<div id="demo" style="width:600px;height:400px"></div>
</body>
</html>

You might also like