{"id":18,"date":"2026-08-08T10:12:44","date_gmt":"2026-08-08T10:12:44","guid":{"rendered":"https:\/\/cgcc.ca\/?page_id=18"},"modified":"2026-08-08T10:12:44","modified_gmt":"2026-08-08T10:12:44","slug":"gaming-map","status":"publish","type":"page","link":"https:\/\/cgcc.ca\/gaming-map\/","title":{"rendered":"Gaming Map"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>CGCC.ca Map<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.css\" \/>\n<style>\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  body {\n    background-color: #f4f4f0;\n    color: #000000;\n    font-family: Verdana, Arial, Helvetica, sans-serif;\n    font-size: 14px;\n    line-height: 1.6;\n    width: 100vw;\n    margin-left: calc(-50vw + 50%);\n    margin-right: calc(-50vw + 50%);\n  }\n\n  .page-wrap {\n    width: 100%;\n    padding: 20px 4% 50px 4%;\n  }\n\n  h1.page-title {\n    font-size: 24px;\n    font-weight: bold;\n    color: #000000;\n    padding: 14px 0;\n    border-bottom: 3px solid #000000;\n    margin-bottom: 20px;\n  }\n\n  h2.section-title {\n    font-size: 17px;\n    font-weight: bold;\n    background-color: #dcdcd4;\n    color: #000000;\n    padding: 8px 12px;\n    margin-bottom: 12px;\n    border: 1px solid #000000;\n  }\n\n  .intro-box {\n    background-color: #ffffff;\n    border: 1px solid #a8a8a0;\n    padding: 16px 18px;\n    margin-bottom: 24px;\n    font-size: 13px;\n    color: #1a1a1a;\n  }\n\n  .intro-box p { margin-bottom: 8px; }\n  .intro-box p:last-child { margin-bottom: 0; }\n\n  .controls-wrap {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n    margin-bottom: 20px;\n  }\n\n  .select-items-box {\n    background-color: #ffffff;\n    border: 1px solid #a8a8a0;\n    padding: 16px;\n    flex: 0 0 260px;\n  }\n\n  .select-items-box label {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    padding: 6px 0;\n    cursor: pointer;\n  }\n\n  .select-items-box input {\n    cursor: pointer;\n  }\n\n  #mapItBtn {\n    margin-top: 14px;\n    width: 100%;\n    padding: 10px;\n    background-color: #2b2b2b;\n    color: #ffffff;\n    border: none;\n    font-size: 14px;\n    font-weight: bold;\n    cursor: pointer;\n  }\n\n  #mapItBtn:hover {\n    background-color: #444444;\n  }\n\n  .map-area {\n    flex: 1;\n    min-width: 280px;\n    min-height: 480px;\n  }\n\n  #map {\n    width: 100%;\n    height: 480px;\n    border: 1px solid #a8a8a0;\n  }\n\n  .details-box {\n    background-color: #ffffff;\n    border: 1px solid #a8a8a0;\n    border-left: 4px solid #2b2b2b;\n    padding: 14px 16px;\n    margin-top: 14px;\n    font-size: 13px;\n    color: #1a1a1a;\n    min-height: 40px;\n  }\n\n  .details-box h3 {\n    font-size: 15px;\n    color: #000000;\n    margin-bottom: 6px;\n  }\n\n  .placeholder-text {\n    font-style: italic;\n    color: #666666;\n  }\n\n  .terms-note {\n    font-size: 11px;\n    color: #666666;\n    margin-top: 8px;\n    text-align: right;\n  }\n\n  @media (max-width: 800px) {\n    .controls-wrap { flex-direction: column; }\n    .select-items-box { flex: 1 1 auto; }\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"page-wrap\">\n\n  <h1 class=\"page-title\">Canada&#8217;s Gaming Community Map<\/h1>\n\n  <div class=\"intro-box\">\n    <p>The CGCC.ca is working hard to put together the Canadian map to game collecting.<\/p>\n    <p><strong>Here&#8217;s how:<\/strong> Select what you are looking for on the left. Click &#8220;Map It&#8221;. Now click any pin to view details on that location, then use the zoom controls on the map to get a closer look.<\/p>\n    <p><em>AS IT STANDS:<\/em> You want to select everything you want to see FIRST then zoom in. Otherwise when you hit Map It, the map resets to a wider view. (for now)<\/p>\n  <\/div>\n\n  <div class=\"controls-wrap\">\n    <div class=\"select-items-box\">\n      <h2 class=\"section-title\" style=\"margin-top:0;\">Select Items<\/h2>\n      <label><input type=\"checkbox\" value=\"Cash Converters\"> Cash Converters<\/label>\n      <label><input type=\"checkbox\" value=\"EB Store\"> EB Store<\/label>\n      <label><input type=\"checkbox\" value=\"Flea Markets\"> Flea Markets<\/label>\n      <label><input type=\"checkbox\" value=\"Goodwill Thrift Shop\"> Goodwill Thrift Shop<\/label>\n      <label><input type=\"checkbox\" value=\"Microplay\"> Microplay<\/label>\n      <label><input type=\"checkbox\" value=\"Other Game Shops\"> Other Game Shops<\/label>\n      <label><input type=\"checkbox\" value=\"Salvation Army\"> Salvation Army<\/label>\n      <label><input type=\"checkbox\" value=\"StarBurst\"> StarBurst<\/label>\n      <label><input type=\"checkbox\" value=\"User Home\"> User Home<\/label>\n      <label><input type=\"checkbox\" value=\"Value Village\"> Value Village<\/label>\n      <button id=\"mapItBtn\" type=\"button\">Map It<\/button>\n    <\/div>\n\n    <div class=\"map-area\">\n      <div id=\"map\"><\/div>\n      <div class=\"details-box\" id=\"detailsBox\">\n        <p class=\"placeholder-text\">Select items and click &#8220;Map It&#8221;, then click a pin to see details here.<\/p>\n      <\/div>\n      <div class=\"terms-note\">Map data &copy; OpenStreetMap contributors<\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.js\"><\/script>\n<script>\n  const map = L.map('map').setView([56.1304, -106.3468], 3.5);\n\n  L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n    attribution: '&copy; OpenStreetMap contributors',\n    maxZoom: 18\n  }).addTo(map);\n\n  const locationData = {\n    \"Cash Converters\": [\n      { name: \"Cash Converters - Toronto\", lat: 43.6532, lng: -79.3832, city: \"Toronto, ON\", info: \"Pawn and resale shop, occasionally carries secondhand game consoles and cartridges.\" },\n      { name: \"Cash Converters - Calgary\", lat: 51.0447, lng: -114.0719, city: \"Calgary, AB\", info: \"Pawn and resale shop, worth checking regularly for traded in game hardware.\" }\n    ],\n    \"EB Store\": [\n      { name: \"EB Games - Vancouver\", lat: 49.2827, lng: -123.1207, city: \"Vancouver, BC\", info: \"Retail game store carrying new and pre-owned titles across current platforms.\" },\n      { name: \"EB Games - Ottawa\", lat: 45.4215, lng: -75.6972, city: \"Ottawa, ON\", info: \"Retail game store with trade-in program for used games and consoles.\" }\n    ],\n    \"Flea Markets\": [\n      { name: \"St. Lawrence Market Area\", lat: 43.6487, lng: -79.3716, city: \"Toronto, ON\", info: \"Vendors occasionally sell vintage electronics and game collections at nearby markets.\" },\n      { name: \"Marche Jean-Talon Area\", lat: 45.5368, lng: -73.6142, city: \"Montreal, QC\", info: \"Market area where secondhand sellers sometimes list retro game finds.\" }\n    ],\n    \"Goodwill Thrift Shop\": [\n      { name: \"Goodwill - Edmonton\", lat: 53.5461, lng: -113.4938, city: \"Edmonton, AB\", info: \"Thrift store location, a common spot for donated game consoles and accessories.\" },\n      { name: \"Goodwill - Winnipeg\", lat: 49.8951, lng: -97.1384, city: \"Winnipeg, MB\", info: \"Thrift store location worth checking on a regular rotation for game finds.\" }\n    ],\n    \"Microplay\": [\n      { name: \"Microplay - Victoria\", lat: 48.4284, lng: -123.3656, city: \"Victoria, BC\", info: \"Independent game store buying, selling, and trading new and used titles.\" },\n      { name: \"Microplay - Regina\", lat: 50.4452, lng: -104.6189, city: \"Regina, SK\", info: \"Independent game store with a rotating stock of used hardware and games.\" }\n    ],\n    \"Other Game Shops\": [\n      { name: \"Independent Game Shop - Halifax\", lat: 44.6488, lng: -63.5752, city: \"Halifax, NS\", info: \"Locally run game shop carrying a mix of retro and modern titles.\" }\n    ],\n    \"Salvation Army\": [\n      { name: \"Salvation Army - Ottawa\", lat: 45.4112, lng: -75.6981, city: \"Ottawa, ON\", info: \"Thrift store location, occasionally receives donated game consoles and software.\" },\n      { name: \"Salvation Army - Toronto\", lat: 43.6629, lng: -79.3957, city: \"Toronto, ON\", info: \"Thrift store location worth a periodic visit for secondhand gaming finds.\" }\n    ],\n    \"StarBurst\": [\n      { name: \"Starburst Coinop Auction - Toronto\", lat: 43.7001, lng: -79.4163, city: \"Toronto, ON\", info: \"Recurring coin-op auction event for arcade cabinets, pinball, and jukeboxes at 70 Ronson Rd.\" }\n    ],\n    \"User Home\": [\n      { name: \"Member Collection - Montreal\", lat: 45.5017, lng: -73.5673, city: \"Montreal, QC\", info: \"A CGCC.ca member's private collection, occasionally open for local trades by arrangement.\" }\n    ],\n    \"Value Village\": [\n      { name: \"Value Village - Toronto\", lat: 43.7001, lng: -79.4163, city: \"Toronto, ON\", info: \"Thrift store location, a popular stop for collectors hunting secondhand games.\" },\n      { name: \"Value Village - Vancouver\", lat: 49.2488, lng: -123.1162, city: \"Vancouver, BC\", info: \"Thrift store location with a steady turnover of donated electronics.\" }\n    ]\n  };\n\n  let activeMarkers = [];\n  const detailsBox = document.getElementById('detailsBox');\n\n  function clearMarkers() {\n    activeMarkers.forEach(m => map.removeLayer(m));\n    activeMarkers = [];\n  }\n\n  document.getElementById('mapItBtn').addEventListener('click', function () {\n    clearMarkers();\n    const checked = Array.from(document.querySelectorAll('.select-items-box input[type=\"checkbox\"]:checked')).map(cb => cb.value);\n\n    if (checked.length === 0) {\n      detailsBox.innerHTML = '<p class=\"placeholder-text\">Please select at least one item on the left, then click \"Map It\".<\/p>';\n      return;\n    }\n\n    let bounds = [];\n    checked.forEach(category => {\n      const points = locationData[category] || [];\n      points.forEach(point => {\n        const marker = L.marker([point.lat, point.lng]).addTo(map);\n        marker.bindPopup('<strong>' + point.name + '<\/strong><br>' + point.city);\n        marker.on('click', function () {\n          detailsBox.innerHTML = '<h3>' + point.name + '<\/h3><p><strong>Category:<\/strong> ' + category + '<\/p><p><strong>Location:<\/strong> ' + point.city + '<\/p><p>' + point.info + '<\/p>';\n        });\n        activeMarkers.push(marker);\n        bounds.push([point.lat, point.lng]);\n      });\n    });\n\n    if (bounds.length > 0) {\n      map.fitBounds(bounds, { padding: [40, 40] });\n    }\n\n    detailsBox.innerHTML = '<p class=\"placeholder-text\">Showing ' + activeMarkers.length + ' location(s) for: ' + checked.join(', ') + '. Click a pin to see details.<\/p>';\n  });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CGCC.ca Map Canada&#8217;s Gaming Community Map The CGCC.ca is working hard to put together the Canadian map to game collecting. Here&#8217;s how: Select what you are looking for on the left. Click &#8220;Map It&#8221;. Now click any pin to view details on that location, then use the zoom controls on the map to get a&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cgcc.ca\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cgcc.ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cgcc.ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cgcc.ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cgcc.ca\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":1,"href":"https:\/\/cgcc.ca\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/cgcc.ca\/wp-json\/wp\/v2\/pages\/18\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/cgcc.ca\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}