// if ( BrowserIsGMapsCompatible() ) { var gmaps_marker = []; var gmaps_marker_shadow = []; var gmaps_marker_main = []; var gmaps_marker_infowindow = []; var gmaps_marker_is_hovering = []; function gmaps_marker_mouseover(count,image_hover,html,tooltip_xoffset,tooltip_yoffset) { // switch icon image for hover image on marker mouseover and display the tooltip if ( ! gmaps_marker_is_hovering[count] ) { gmaps_marker_is_hovering[count] = 1; gmaps_marker_main[count].setIcon( image_hover ); if (html) { // show tooltip var tooltipContentString = '
'+html+'
'; gmaps_marker_infowindow[count] = new google.maps.InfoWindow({ content: tooltipContentString, // maxWidth: 400, pixelOffset: new google.maps.Size(tooltip_xoffset,tooltip_yoffset) }); gmaps_marker_infowindow[count].open(map, gmaps_marker_main[count]); } } return true; } function gmaps_marker_mouseout(count,image_main) { // switch hover image for main image on marker mouseout and hide the tooltip if ( gmaps_marker_is_hovering[count] ) { gmaps_marker_is_hovering[count] = 0; gmaps_marker_main[count].setIcon( image_main ); if ( gmaps_marker_infowindow[count] ) { // hide tooltip gmaps_marker_infowindow[count].close(); } } return true; } // function to create the marker and set up the event window function createMarker(map,lat_lng,html,count,thing_id) { var detail_url = ''; // extract required info associated with the particular thing_id if ( thing_id == 1105 ) { var image_shadow = { url: 'https://www.top10fresh.com/produce/reviews/skins/default/images/misc/gmaps_shadow_3.png', // This shadow marker is normally 71 pixels wide by 40 pixels high. size: new google.maps.Size(71, 40), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_shadow[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_shadow, zIndex: 1 }); var image_main = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/main/3/5/1/351.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base at (43, 40). anchor: new google.maps.Point(43, 40) }; // Shapes define the clickable region of the icon. The type defines an HTML // rect: coords is [x1,y1,x2,y2] where x1,y1 are the coordinates of the upper-left corner // of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle. var shape = { coords: [ 25, 0, 50, 50 ], type: 'rect' }; gmaps_marker_main[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_main, shape: shape, title: 'Pie Pumpkins OG 30 lb Bulk', zIndex: 100 }); var image_hover = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/hover/3/5/1/351.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_is_hovering[count] = 0; detail_url = 'https://www.top10fresh.com/reviews/items/Wisconsin/sbr/date_desc/1105/pie-pumpkins-og-30-lb-bulk.htm'; if (detail_url) { // clicking on the marker will open the detail page for the thing; hovering will show the tooltip var clickURL = detail_url; var target = '_self'; gmaps_marker_main[count].addListener('click', function() { window.open(clickURL, target); }); } // switch icon image for hover image on marker mouseover and mouseout gmaps_marker_main[count].addListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0) }); gmaps_marker_main[count].addListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main) }); // add listeners to allow the tooltips to be invoked when // mousing over the known_as links in the thing listing var link_id = 'known_as_link_1105'; var link_elem = document.getElementById(link_id); if (window.addEventListener) // Mozilla, Netscape, Firefox { link_elem.addEventListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); }, false ); link_elem.addEventListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main); }, false ); } else // IE { link_elem.attachEvent( 'onmouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); } ); link_elem.attachEvent( 'onmouseout', function() { gmaps_marker_mouseout(count,image_main); } ); } } if ( thing_id == 1106 ) { var image_shadow = { url: 'https://www.top10fresh.com/produce/reviews/skins/default/images/misc/gmaps_shadow_3.png', // This shadow marker is normally 71 pixels wide by 40 pixels high. size: new google.maps.Size(71, 40), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_shadow[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_shadow, zIndex: 1 }); var image_main = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/main/3/5/2/352.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base at (43, 40). anchor: new google.maps.Point(43, 40) }; // Shapes define the clickable region of the icon. The type defines an HTML // rect: coords is [x1,y1,x2,y2] where x1,y1 are the coordinates of the upper-left corner // of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle. var shape = { coords: [ 25, 0, 50, 50 ], type: 'rect' }; gmaps_marker_main[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_main, shape: shape, title: 'Red Radishes OG 24 Count', zIndex: 100 }); var image_hover = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/hover/3/5/2/352.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_is_hovering[count] = 0; detail_url = 'https://www.top10fresh.com/reviews/items/Wisconsin/sbr/date_desc/1106/red-radishes-og-24-count.htm'; if (detail_url) { // clicking on the marker will open the detail page for the thing; hovering will show the tooltip var clickURL = detail_url; var target = '_self'; gmaps_marker_main[count].addListener('click', function() { window.open(clickURL, target); }); } // switch icon image for hover image on marker mouseover and mouseout gmaps_marker_main[count].addListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0) }); gmaps_marker_main[count].addListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main) }); // add listeners to allow the tooltips to be invoked when // mousing over the known_as links in the thing listing var link_id = 'known_as_link_1106'; var link_elem = document.getElementById(link_id); if (window.addEventListener) // Mozilla, Netscape, Firefox { link_elem.addEventListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); }, false ); link_elem.addEventListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main); }, false ); } else // IE { link_elem.attachEvent( 'onmouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); } ); link_elem.attachEvent( 'onmouseout', function() { gmaps_marker_mouseout(count,image_main); } ); } } if ( thing_id == 1107 ) { var image_shadow = { url: 'https://www.top10fresh.com/produce/reviews/skins/default/images/misc/gmaps_shadow_3.png', // This shadow marker is normally 71 pixels wide by 40 pixels high. size: new google.maps.Size(71, 40), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_shadow[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_shadow, zIndex: 1 }); var image_main = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/main/3/5/3/353.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base at (43, 40). anchor: new google.maps.Point(43, 40) }; // Shapes define the clickable region of the icon. The type defines an HTML // rect: coords is [x1,y1,x2,y2] where x1,y1 are the coordinates of the upper-left corner // of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle. var shape = { coords: [ 25, 0, 50, 50 ], type: 'rect' }; gmaps_marker_main[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_main, shape: shape, title: 'Rhubarb OG 15 lb Bulk', zIndex: 100 }); var image_hover = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/hover/3/5/3/353.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_is_hovering[count] = 0; detail_url = 'https://www.top10fresh.com/reviews/items/Wisconsin/sbr/date_desc/1107/rhubarb-og-15-lb-bulk.htm'; if (detail_url) { // clicking on the marker will open the detail page for the thing; hovering will show the tooltip var clickURL = detail_url; var target = '_self'; gmaps_marker_main[count].addListener('click', function() { window.open(clickURL, target); }); } // switch icon image for hover image on marker mouseover and mouseout gmaps_marker_main[count].addListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0) }); gmaps_marker_main[count].addListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main) }); // add listeners to allow the tooltips to be invoked when // mousing over the known_as links in the thing listing var link_id = 'known_as_link_1107'; var link_elem = document.getElementById(link_id); if (window.addEventListener) // Mozilla, Netscape, Firefox { link_elem.addEventListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); }, false ); link_elem.addEventListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main); }, false ); } else // IE { link_elem.attachEvent( 'onmouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); } ); link_elem.attachEvent( 'onmouseout', function() { gmaps_marker_mouseout(count,image_main); } ); } } if ( thing_id == 1108 ) { var image_shadow = { url: 'https://www.top10fresh.com/produce/reviews/skins/default/images/misc/gmaps_shadow_3.png', // This shadow marker is normally 71 pixels wide by 40 pixels high. size: new google.maps.Size(71, 40), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_shadow[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_shadow, zIndex: 1 }); var image_main = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/main/3/5/4/354.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base at (43, 40). anchor: new google.maps.Point(43, 40) }; // Shapes define the clickable region of the icon. The type defines an HTML // rect: coords is [x1,y1,x2,y2] where x1,y1 are the coordinates of the upper-left corner // of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle. var shape = { coords: [ 25, 0, 50, 50 ], type: 'rect' }; gmaps_marker_main[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_main, shape: shape, title: 'Zucchini OG 20 lb Bulk', zIndex: 100 }); var image_hover = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/hover/3/5/4/354.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_is_hovering[count] = 0; detail_url = 'https://www.top10fresh.com/reviews/items/Wisconsin/sbr/date_desc/1108/zucchini-og-20-lb-bulk.htm'; if (detail_url) { // clicking on the marker will open the detail page for the thing; hovering will show the tooltip var clickURL = detail_url; var target = '_self'; gmaps_marker_main[count].addListener('click', function() { window.open(clickURL, target); }); } // switch icon image for hover image on marker mouseover and mouseout gmaps_marker_main[count].addListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0) }); gmaps_marker_main[count].addListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main) }); // add listeners to allow the tooltips to be invoked when // mousing over the known_as links in the thing listing var link_id = 'known_as_link_1108'; var link_elem = document.getElementById(link_id); if (window.addEventListener) // Mozilla, Netscape, Firefox { link_elem.addEventListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); }, false ); link_elem.addEventListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main); }, false ); } else // IE { link_elem.attachEvent( 'onmouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); } ); link_elem.attachEvent( 'onmouseout', function() { gmaps_marker_mouseout(count,image_main); } ); } } if ( thing_id == 1109 ) { var image_shadow = { url: 'https://www.top10fresh.com/produce/reviews/skins/default/images/misc/gmaps_shadow_3.png', // This shadow marker is normally 71 pixels wide by 40 pixels high. size: new google.maps.Size(71, 40), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_shadow[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_shadow, zIndex: 1 }); var image_main = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/main/3/5/5/355.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base at (43, 40). anchor: new google.maps.Point(43, 40) }; // Shapes define the clickable region of the icon. The type defines an HTML // rect: coords is [x1,y1,x2,y2] where x1,y1 are the coordinates of the upper-left corner // of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle. var shape = { coords: [ 25, 0, 50, 50 ], type: 'rect' }; gmaps_marker_main[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_main, shape: shape, title: 'Yellow Summer Squash OG 20 lb Bulk', zIndex: 100 }); var image_hover = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/hover/3/5/5/355.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_is_hovering[count] = 0; detail_url = 'https://www.top10fresh.com/reviews/items/Wisconsin/sbr/date_desc/1109/yellow-summer-squash-og-20-lb-bulk.htm'; if (detail_url) { // clicking on the marker will open the detail page for the thing; hovering will show the tooltip var clickURL = detail_url; var target = '_self'; gmaps_marker_main[count].addListener('click', function() { window.open(clickURL, target); }); } // switch icon image for hover image on marker mouseover and mouseout gmaps_marker_main[count].addListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0) }); gmaps_marker_main[count].addListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main) }); // add listeners to allow the tooltips to be invoked when // mousing over the known_as links in the thing listing var link_id = 'known_as_link_1109'; var link_elem = document.getElementById(link_id); if (window.addEventListener) // Mozilla, Netscape, Firefox { link_elem.addEventListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); }, false ); link_elem.addEventListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main); }, false ); } else // IE { link_elem.attachEvent( 'onmouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); } ); link_elem.attachEvent( 'onmouseout', function() { gmaps_marker_mouseout(count,image_main); } ); } } if ( thing_id == 1110 ) { var image_shadow = { url: 'https://www.top10fresh.com/produce/reviews/skins/default/images/misc/gmaps_shadow_3.png', // This shadow marker is normally 71 pixels wide by 40 pixels high. size: new google.maps.Size(71, 40), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_shadow[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_shadow, zIndex: 1 }); var image_main = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/main/3/5/6/356.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base at (43, 40). anchor: new google.maps.Point(43, 40) }; // Shapes define the clickable region of the icon. The type defines an HTML // rect: coords is [x1,y1,x2,y2] where x1,y1 are the coordinates of the upper-left corner // of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle. var shape = { coords: [ 25, 0, 50, 50 ], type: 'rect' }; gmaps_marker_main[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_main, shape: shape, title: 'Sweet Corn OG 48 Count', zIndex: 100 }); var image_hover = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/hover/3/5/6/356.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_is_hovering[count] = 0; detail_url = 'https://www.top10fresh.com/reviews/items/Wisconsin/sbr/date_desc/1110/sweet-corn-og-48-count.htm'; if (detail_url) { // clicking on the marker will open the detail page for the thing; hovering will show the tooltip var clickURL = detail_url; var target = '_self'; gmaps_marker_main[count].addListener('click', function() { window.open(clickURL, target); }); } // switch icon image for hover image on marker mouseover and mouseout gmaps_marker_main[count].addListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0) }); gmaps_marker_main[count].addListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main) }); // add listeners to allow the tooltips to be invoked when // mousing over the known_as links in the thing listing var link_id = 'known_as_link_1110'; var link_elem = document.getElementById(link_id); if (window.addEventListener) // Mozilla, Netscape, Firefox { link_elem.addEventListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); }, false ); link_elem.addEventListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main); }, false ); } else // IE { link_elem.attachEvent( 'onmouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); } ); link_elem.attachEvent( 'onmouseout', function() { gmaps_marker_mouseout(count,image_main); } ); } } if ( thing_id == 1111 ) { var image_shadow = { url: 'https://www.top10fresh.com/produce/reviews/skins/default/images/misc/gmaps_shadow_3.png', // This shadow marker is normally 71 pixels wide by 40 pixels high. size: new google.maps.Size(71, 40), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_shadow[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_shadow, zIndex: 1 }); var image_main = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/main/3/5/7/357.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base at (43, 40). anchor: new google.maps.Point(43, 40) }; // Shapes define the clickable region of the icon. The type defines an HTML // rect: coords is [x1,y1,x2,y2] where x1,y1 are the coordinates of the upper-left corner // of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle. var shape = { coords: [ 25, 0, 50, 50 ], type: 'rect' }; gmaps_marker_main[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_main, shape: shape, title: 'Heirloom Tomatoes OG 10 lb Bulk', zIndex: 100 }); var image_hover = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/hover/3/5/7/357.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_is_hovering[count] = 0; detail_url = 'https://www.top10fresh.com/reviews/items/Wisconsin/sbr/date_desc/1111/heirloom-tomatoes-og-10-lb-bulk.htm'; if (detail_url) { // clicking on the marker will open the detail page for the thing; hovering will show the tooltip var clickURL = detail_url; var target = '_self'; gmaps_marker_main[count].addListener('click', function() { window.open(clickURL, target); }); } // switch icon image for hover image on marker mouseover and mouseout gmaps_marker_main[count].addListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0) }); gmaps_marker_main[count].addListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main) }); // add listeners to allow the tooltips to be invoked when // mousing over the known_as links in the thing listing var link_id = 'known_as_link_1111'; var link_elem = document.getElementById(link_id); if (window.addEventListener) // Mozilla, Netscape, Firefox { link_elem.addEventListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); }, false ); link_elem.addEventListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main); }, false ); } else // IE { link_elem.attachEvent( 'onmouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); } ); link_elem.attachEvent( 'onmouseout', function() { gmaps_marker_mouseout(count,image_main); } ); } } if ( thing_id == 1112 ) { var image_shadow = { url: 'https://www.top10fresh.com/produce/reviews/skins/default/images/misc/gmaps_shadow_3.png', // This shadow marker is normally 71 pixels wide by 40 pixels high. size: new google.maps.Size(71, 40), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_shadow[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_shadow, zIndex: 1 }); var image_main = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/main/3/5/8/358.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base at (43, 40). anchor: new google.maps.Point(43, 40) }; // Shapes define the clickable region of the icon. The type defines an HTML // rect: coords is [x1,y1,x2,y2] where x1,y1 are the coordinates of the upper-left corner // of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle. var shape = { coords: [ 25, 0, 50, 50 ], type: 'rect' }; gmaps_marker_main[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_main, shape: shape, title: 'Cantaloupe OG Bulk Pack 35 lb', zIndex: 100 }); var image_hover = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/hover/3/5/8/358.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_is_hovering[count] = 0; detail_url = 'https://www.top10fresh.com/reviews/items/Wisconsin/sbr/date_desc/1112/cantaloupe-og-bulk-pack-35-lb.htm'; if (detail_url) { // clicking on the marker will open the detail page for the thing; hovering will show the tooltip var clickURL = detail_url; var target = '_self'; gmaps_marker_main[count].addListener('click', function() { window.open(clickURL, target); }); } // switch icon image for hover image on marker mouseover and mouseout gmaps_marker_main[count].addListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0) }); gmaps_marker_main[count].addListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main) }); // add listeners to allow the tooltips to be invoked when // mousing over the known_as links in the thing listing var link_id = 'known_as_link_1112'; var link_elem = document.getElementById(link_id); if (window.addEventListener) // Mozilla, Netscape, Firefox { link_elem.addEventListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); }, false ); link_elem.addEventListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main); }, false ); } else // IE { link_elem.attachEvent( 'onmouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); } ); link_elem.attachEvent( 'onmouseout', function() { gmaps_marker_mouseout(count,image_main); } ); } } if ( thing_id == 1113 ) { var image_shadow = { url: 'https://www.top10fresh.com/produce/reviews/skins/default/images/misc/gmaps_shadow_3.png', // This shadow marker is normally 71 pixels wide by 40 pixels high. size: new google.maps.Size(71, 40), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_shadow[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_shadow, zIndex: 1 }); var image_main = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/main/3/5/9/359.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base at (43, 40). anchor: new google.maps.Point(43, 40) }; // Shapes define the clickable region of the icon. The type defines an HTML // rect: coords is [x1,y1,x2,y2] where x1,y1 are the coordinates of the upper-left corner // of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle. var shape = { coords: [ 25, 0, 50, 50 ], type: 'rect' }; gmaps_marker_main[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_main, shape: shape, title: 'Seeded Watermelon OG Bulk Pack 55 lb', zIndex: 100 }); var image_hover = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/hover/3/5/9/359.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_is_hovering[count] = 0; detail_url = 'https://www.top10fresh.com/reviews/items/Wisconsin/sbr/date_desc/1113/seeded-watermelon-og-bulk-pack-55-lb.htm'; if (detail_url) { // clicking on the marker will open the detail page for the thing; hovering will show the tooltip var clickURL = detail_url; var target = '_self'; gmaps_marker_main[count].addListener('click', function() { window.open(clickURL, target); }); } // switch icon image for hover image on marker mouseover and mouseout gmaps_marker_main[count].addListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0) }); gmaps_marker_main[count].addListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main) }); // add listeners to allow the tooltips to be invoked when // mousing over the known_as links in the thing listing var link_id = 'known_as_link_1113'; var link_elem = document.getElementById(link_id); if (window.addEventListener) // Mozilla, Netscape, Firefox { link_elem.addEventListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); }, false ); link_elem.addEventListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main); }, false ); } else // IE { link_elem.attachEvent( 'onmouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); } ); link_elem.attachEvent( 'onmouseout', function() { gmaps_marker_mouseout(count,image_main); } ); } } if ( thing_id == 1114 ) { var image_shadow = { url: 'https://www.top10fresh.com/produce/reviews/skins/default/images/misc/gmaps_shadow_3.png', // This shadow marker is normally 71 pixels wide by 40 pixels high. size: new google.maps.Size(71, 40), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_shadow[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_shadow, zIndex: 1 }); var image_main = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/main/3/6/0/360.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base at (43, 40). anchor: new google.maps.Point(43, 40) }; // Shapes define the clickable region of the icon. The type defines an HTML // rect: coords is [x1,y1,x2,y2] where x1,y1 are the coordinates of the upper-left corner // of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle. var shape = { coords: [ 25, 0, 50, 50 ], type: 'rect' }; gmaps_marker_main[count] = new google.maps.Marker({ position: lat_lng, map: map, icon: image_main, shape: shape, title: 'Jalapeno Pepper OG Bulk Pack 10 lb', zIndex: 100 }); var image_hover = { url: 'https://www.top10fresh.com/produce/reviews/google/icons/hover/3/6/0/360.png', // This marker is normally 50 pixels wide by 40 pixels high. size: new google.maps.Size(50, 50), // The origin for this image is (0, 0). origin: new google.maps.Point(0, 0), // The anchor for this image is the base normally at (43, 40). anchor: new google.maps.Point(43, 40) }; gmaps_marker_is_hovering[count] = 0; detail_url = 'https://www.top10fresh.com/reviews/items/Wisconsin/sbr/date_desc/1114/jalapeno-pepper-og-bulk-pack-10-lb.htm'; if (detail_url) { // clicking on the marker will open the detail page for the thing; hovering will show the tooltip var clickURL = detail_url; var target = '_self'; gmaps_marker_main[count].addListener('click', function() { window.open(clickURL, target); }); } // switch icon image for hover image on marker mouseover and mouseout gmaps_marker_main[count].addListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0) }); gmaps_marker_main[count].addListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main) }); // add listeners to allow the tooltips to be invoked when // mousing over the known_as links in the thing listing var link_id = 'known_as_link_1114'; var link_elem = document.getElementById(link_id); if (window.addEventListener) // Mozilla, Netscape, Firefox { link_elem.addEventListener( 'mouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); }, false ); link_elem.addEventListener( 'mouseout', function() { gmaps_marker_mouseout(count,image_main); }, false ); } else // IE { link_elem.attachEvent( 'onmouseover', function() { gmaps_marker_mouseover(count,image_hover,html,15,0); } ); link_elem.attachEvent( 'onmouseout', function() { gmaps_marker_mouseout(count,image_main); } ); } } } let map; async function initMap() { // create a map object with some controls const { Map } = await google.maps.importLibrary("maps"); map = new google.maps.Map(document.getElementById('map'), { mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU, // HORIZONTAL_BAR | DROPDOWN_MENU, mapTypeIds: ['roadmap','satellite','terrain','hybrid'] }, scaleControl: true, zoomControl: true, fullscreenControl: true, streetViewControl: true }); // for each point found, extent the bounds to include it // determine the bounds of the coordinate data so that // we can construct a window that hugs the locations var bounds = new google.maps.LatLngBounds(); // index = 1, item_id = 1105 var point_1 = new google.maps.LatLng( 43.652191, -90.344017 ); bounds.extend( point_1 ); // index = 2, item_id = 1106 var point_2 = new google.maps.LatLng( 43.652191, -90.344017 ); bounds.extend( point_2 ); // index = 3, item_id = 1107 var point_3 = new google.maps.LatLng( 43.652191, -90.344017 ); bounds.extend( point_3 ); // index = 4, item_id = 1108 var point_4 = new google.maps.LatLng( 43.652191, -90.344017 ); bounds.extend( point_4 ); // index = 5, item_id = 1109 var point_5 = new google.maps.LatLng( 43.652191, -90.344017 ); bounds.extend( point_5 ); // index = 6, item_id = 1110 var point_6 = new google.maps.LatLng( 43.652191, -90.344017 ); bounds.extend( point_6 ); // index = 7, item_id = 1111 var point_7 = new google.maps.LatLng( 43.652191, -90.344017 ); bounds.extend( point_7 ); // index = 8, item_id = 1112 var point_8 = new google.maps.LatLng( 43.83408, -90.482033 ); bounds.extend( point_8 ); // index = 9, item_id = 1113 var point_9 = new google.maps.LatLng( 43.833061, -90.481491 ); bounds.extend( point_9 ); // index = 10, item_id = 1114 var point_10 = new google.maps.LatLng( 43.833061, -90.481491 ); bounds.extend( point_10 ); var bounds_center = bounds.getCenter(); map.setCenter( bounds_center ); // populate map with the marker locations // and pad the boundary of the viewing area so the markers don't touch it var padding = { bottom: 4, left: 4, right: 50, top: 40 }; map.fitBounds( bounds, padding ); // add markers with infos window. wrap the text in each window. var tooltip_html_1 = '' +'' +'' +'' +' ' +'' +' ' +'' +'' +'
' +' ' +' Pie Pumpkins OG 30 lb Bulk' +'
(WI0006 Locale Brand)' +'

' +' Hillsboro,' +' WI 54634' +'
' +' ' +'' +'
' +''; createMarker( map, point_1, tooltip_html_1, 1, 1105 ); var tooltip_html_2 = '' +'' +'' +'' +' ' +'' +' ' +'' +'' +'
' +' ' +' Red Radishes OG 24 Count' +'
(WI0006 Locale Brand)' +'

' +' Hillsboro,' +' WI 54634' +'
' +' ' +'' +'
' +''; createMarker( map, point_2, tooltip_html_2, 2, 1106 ); var tooltip_html_3 = '' +'' +'' +'' +' ' +'' +' ' +'' +'' +'
' +' ' +' Rhubarb OG 15 lb Bulk' +'
(WI0006 Locale Brand)' +'

' +' Hillsboro,' +' WI 54634' +'
' +' ' +'' +'
' +''; createMarker( map, point_3, tooltip_html_3, 3, 1107 ); var tooltip_html_4 = '' +'' +'' +'' +' ' +'' +' ' +'' +'' +'
' +' ' +' Zucchini OG 20 lb Bulk' +'
(WI0006 Locale Brand)' +'

' +' Hillsboro,' +' WI 54634' +'
' +' ' +'' +'
' +''; createMarker( map, point_4, tooltip_html_4, 4, 1108 ); var tooltip_html_5 = '' +'' +'' +'' +' ' +'' +' ' +'' +'' +'
' +' ' +' Yellow Summer Squash OG 20 lb Bulk' +'
(WI0006 Locale Brand)' +'

' +' Hillsboro,' +' WI 54634' +'
' +' ' +'' +'
' +''; createMarker( map, point_5, tooltip_html_5, 5, 1109 ); var tooltip_html_6 = '' +'' +'' +'' +' ' +'' +' ' +'' +'' +'
' +' ' +' Sweet Corn OG 48 Count' +'
(WI0006 Locale Brand)' +'

' +' Hillsboro,' +' WI 54634' +'
' +' ' +'' +'
' +''; createMarker( map, point_6, tooltip_html_6, 6, 1110 ); var tooltip_html_7 = '' +'' +'' +'' +' ' +'' +' ' +'' +'' +'
' +' ' +' Heirloom Tomatoes OG 10 lb Bulk' +'
(WI0006 Locale Brand)' +'

' +' Hillsboro,' +' WI 54634' +'
' +' ' +'' +'
' +''; createMarker( map, point_7, tooltip_html_7, 7, 1111 ); var tooltip_html_8 = '' +'' +'' +'' +' ' +'' +' ' +'' +'' +'
' +' ' +' Cantaloupe OG Bulk Pack 35 lb' +'
(WI0007 Locale Brand)' +'

' +' Wilton,' +' WI 54670' +'
' +' ' +'' +'
' +''; createMarker( map, point_8, tooltip_html_8, 8, 1112 ); var tooltip_html_9 = '' +'' +'' +'' +' ' +'' +' ' +'' +'' +'
' +' ' +' Seeded Watermelon OG Bulk Pack 55 lb' +'
(WI0007 Locale Brand)' +'

' +' Wilton,' +' WI 54670' +'
' +' ' +'' +'
' +''; createMarker( map, point_9, tooltip_html_9, 9, 1113 ); var tooltip_html_10 = '' +'' +'' +'' +' ' +'' +' ' +'' +'' +'
' +' ' +' Jalapeno Pepper OG Bulk Pack 10 lb' +'
(WI0007 Locale Brand)' +'

' +' Wilton,' +' WI 54670' +'
' +' ' +'' +'
' +''; createMarker( map, point_10, tooltip_html_10, 10, 1114 ); } initMap(); } //