﻿//<![CDATA[
    var map;
    function load() {
      if (GBrowserIsCompatible()) {
        
        //Define icono
      var iconoMarca = new GIcon(G_DEFAULT_ICON);
      iconoMarca.image = "http://www.rentacarpanama.com/recorre/images/hertz.png";
      var tamanoIcono = new GSize(24,24);
      iconoMarca.iconSize = tamanoIcono;
      
      //Marca puntos en el mapa
      function createMarker(point,nombre,html) {           
         var marker = new GMarker(point, iconoMarca);
         GEvent.addListener(marker, 'click', function() {
         marker.openInfoWindowHtml(html);
         });
         return marker;
      } 

      //Crea el mapa
        map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());

         //En pág Recorre
        var lat = document.getElementById("ctl00_ContentPlaceHolder1_lat").value;
        var lon = document.getElementById("ctl00_ContentPlaceHolder1_lon").value;
        map.setCenter(new GLatLng(lat,lon), 10);
          
         //Sucursales HERTZ
         var point = new GLatLng(8.973592901036632, -79.55779552459717);
         var nombre = "Sucursal Aeropuerto Albrook";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 315-6044 <br>Horario: LUN-SAB 8:00AM - 5:00PM</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(9.070557789428198, -79.38294768333435);
         var nombre = "Sucursal Aeropuerto Tocumen";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 301-2696 / 301-2639<br>Horario: 24/7 Lun-Dom 24 hrs</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(8.987761506744791, -79.51335668563843);
         var nombre = "Sucursal Calle 50";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 301-2697<br>Horario: Lun-Sab 8:00am a 5:00pm</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(8.983278903793248, -79.52792644500732);
         var nombre = "Sucursal Calle 55 El Cangrejo";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 301-2699 / 301-2655<br>Horario: Lun-Dom 7:30am a 8:30pm</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(7.965525067634765, -80.4329252243042);
         var nombre = "Sucursal Chitré";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 996-2256<br>Horario: Lun-Sab 8:00am a 5:00pm</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(9.364724060061675, -79.87120628356933);
         var nombre = "Sucursal Colón";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 441-3272<br>Horario: Lun-Sab 8:00am a 5:00pm</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(9.021723632696858, -79.4652271270752);
         var nombre = "Sucursal Costa del Este";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 441-3272<br>Horario: Lun-Sab 8:00am a 5:00pm</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(8.430580935128851, -82.42735147476196);
         var nombre = "Sucursal David";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 775-8471<br>Horario: Lun-Sab 8:00am a 5:00pm</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(8.391417343776884, -82.43219017982483);
         var nombre = "Sucursal Aeropuerto E. Malek - David";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 721-3345<br>Horario: Lun-Dom 7:00am a 6:00pm</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(8.98234634585703, -79.52774405479431);
         var nombre = "Sucursal Hotel Crowne Plaza";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 302-1040 / 302-1041<br>Horario: Lun-Sab 8:00am a 5:00pm</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(8.981456174679747, -79.5247882604599);
         var nombre = "Sucursal Hotel Marriot";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 210-9213<br>Horario: Lun-Sab 8:00am a 5:00pm</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(9.00244349739223, -79.52351152896881);
         var nombre = "Sucursal Transístmica - Panamotor";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 302-9534<br>Horario: Lun-Sab 8:00am a 5:00pm</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
         
         var point = new GLatLng(8.995054890505652, -79.5291119813919);
         var nombre = "Sucursal Transístmica - Vía Bolívar";
         var html = "<span style='font-size: 8pt; font-family: Arial, Helvetica, sans-serif'><b>" + nombre + "</b><br>Teléfono: 301-2611 / 301-2698<br>Horario: Lun-Sab 8:00am a 6:00pm</span>";
         var marker = createMarker (point, nombre, html);
         map.addOverlay(marker);
     }      
     }
   //Cambio de latitud y longitud
     function cambio(latitud,longitud,zoom){ 
     map.panTo(new GLatLng(latitud,longitud));
     map.setCenter(new GLatLng(latitud, longitud), zoom);
     }
    //]]>

