/****
 * IMPORTANT! PLEASE READ!
 *
 * The informamation contained in this file is the property of Essence Montreal.
 * To remain in accordance with this website's Terms and Conditions (the "Terms"),
 * you may not, copy, store, reproduce, reuse, sell, redistribute or republish any
 * information found on this page or found anywhere else on this website.
 *
 * The use of any of the information from this page or anywhere else on this website
 * for any use outside of the website's functionality is stricly prohibited.
 *
 * You may review our Terms here:
 * https://www.essencemontreal.com/terms.php?l=f *
 ****/

function mapload() {
  var latlng = new google.maps.LatLng(45.841823, -72.566677);
  var myOptions = {
    zoom: 10,
    center: latlng,
    navigationControl: true,
    navigationControlOptions: {style: google.maps.NavigationControlStyle.ZOOM_PAN},
    mapTypeControl: true,
    //streetViewControl: true,
    scaleControl: false,
    scrollwheel: false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("stationmap"), myOptions);


  infoWindow = new google.maps.InfoWindow();

  setMarkers(map, stations);
}

/**
 * Data for the markers
 */
var stations = [
  [45.880291, -72.484282, 'red', '<strong>Costco - </strong><strong>171.9 &cent;/Litre</strong><br /><a href="https://www.essencemontreal.com/station.php?l=f&id=16221">105, Rue Robert-Bernard/ Aut 20 (Sortie 177</a><br /><a href="https://www.essencemontreal.com/prices.php?l=f&tab=map&prov=QC&city=Drummondville&hours=72">Drummondville</a><br />Fri, 26 Apr 2024 10:38']];

function setMarkers(map, locations) {  // Add markers to the map
  var redicon = new google.maps.MarkerImage('https://www.essencemontreal.com/images/map/redmarker.png',
    new google.maps.Size(20, 32),
    new google.maps.Point(0,0),
    new google.maps.Point(0, 32));
  var blueicon = new google.maps.MarkerImage('https://www.essencemontreal.com/images/map/bluemarker.png',
    new google.maps.Size(20, 32),
    new google.maps.Point(0,0),
    new google.maps.Point(0, 32));
  var greenicon = new google.maps.MarkerImage('https://www.essencemontreal.com/images/map/greenmarker.png',
    new google.maps.Size(20, 32),
    new google.maps.Point(0,0),
    new google.maps.Point(0, 32));
  var shadow = new google.maps.MarkerImage('https://www.essencemontreal.com/images/map/shadow50.png',
    new google.maps.Size(37, 32),
    new google.maps.Point(0,0),
    new google.maps.Point(0, 32));
  var shape = {
    coord: [1, 1, 1, 20, 18, 20, 18 , 1],
    type: 'poly'
  };

  for (var i = 0; i < locations.length; i++) {
    var stn = locations[i];
    if(stn[2] == "red") {iconcolor = redicon;}
      else if(stn[2] == "green") {iconcolor = greenicon;}
      else if(stn[2] == "blue") {iconcolor = blueicon;
    }
    var myLatLng = new google.maps.LatLng(stn[0], stn[1]);

    eval("var marker"+i+" = new google.maps.Marker({position: myLatLng, map: map,shadow: shadow, icon: iconcolor, shape: shape});");

    eval("google.maps.event.addListener(marker"+i+", 'click', function() {infoWindow.setContent(locations["+i+"][3]); infoWindow.open(map, marker"+i+");});");
  }
}