﻿function init_map(map_canvas_id, lat, lng, zoom, markers,ArounPoint) {
    var myLatLng = new google.maps.LatLng(lat, lng);
    
    var options = {
        zoom: zoom,
        center: myLatLng,
        mapTypeId: google.maps.MapTypeId.ROADMAP 
//    *  ROADMAP displays the normal, default 2D tiles of Google Maps.
//    * SATELLITE displays photographic tiles.
//    * HYBRID displays a mix of photographic tiles and a tile layer for prominent features (roads, city names).
//    * TERRAIN displays physical relief tiles for displaying elevation and water features (mountains, rivers, etc.).

    };
    
    var map_canvas = document.getElementById(map_canvas_id);

    var map = new google.maps.Map(map_canvas, options);

    if (markers && markers.length > 0) {
       var bounds = new google.maps.LatLngBounds();
       for (var i = 0; i < markers.length; i++) {
            var marker = new google.maps.Marker(markers[i]);
            if (ArounPoint == 1) {
                var image = 'IMG/BluePoint.png';
                if (i == 0) {
                    var marker = new google.maps.Marker({
                   position: marker.getPosition(),
                    title: marker.title,
                        map: map,
                        icon: image
                    });
                }
                else {
                    var image = 'IMG/BackerPoint.png';
                    var marker = new google.maps.Marker({
                    position: marker.getPosition(),
                        title:marker.title,
                        map: map,
                        icon: image
                    });
                }
            }
            else {
                var image = 'IMG/BackerPoint.png';
                var marker = new google.maps.Marker({
                position: marker.getPosition(),
                title: marker.title,
                    map: map,
                    icon: image
                });
            }
            
           
         

//            var marker = new google.maps.Marker(markers[i]);

            // create the tooltip and its text
          var infoWindow = new google.maps.InfoWindow();

            google.maps.event.addListener(marker, 'click', function() {
            infoWindow.setContent('<div class="GinfoWindow">' + this.title + '</div>');
//            infoWindow.setContent(this.title );
            
            
                infoWindow.open(map, this);
                
            });
            marker.setMap(map);
         
            bounds.extend(marker.getPosition());
            
        }

        map.fitBounds(bounds);
        map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds)); 
    }
}
