add apple maps support on iOS and mac

index.html

@@ -560,11 +560,19 @@
         {{city}},NY {{#postcode}} {{postcode}} {{/postcode}}
       </p>
       <p>
+        View in:
         <a
-          href="https://maps.google.com/maps?q={{name}} {{address}},{{city}},NY"
+          href="https://maps.google.com/maps?q={{& name}}+{{address}},{{city}},NY"
           target="_blank"
-          >View in Google Maps</a
+          >Google Maps</a
         >
+        {{#isAppleIsh}}
+        <a
+          href="http://maps.apple.com/?q={{& name}}&address={{address}},{{city}},NY"
+          target="_blank"
+          >Apple Maps</a
+        >
+        {{/isAppleIsh}}
       </p>
       <ul>
         {{#website}}
@@ -579,6 +587,8 @@
     </script>
 
     <script>
+      isAppleIsh = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
+
       mapboxgl.accessToken =
         "pk.eyJ1IjoiYWxhenlyZWFkZXIiLCJhIjoiY2lucDZhb2JxMHp6MHRxa2pvaTFoOWpuZyJ9.DILGYYxxt7A-A_lHHwp6tQ";
       var map = new mapboxgl.Map({
@@ -607,6 +617,7 @@
             value.rowNumber = key;
             value.slug = slugify(value.name);
             value.cleanedWebsite = cleanWebsite(value.website);
+            value.isAppleIsh = isAppleIsh;
           });
           $("#storeCount").html(data.length);
           window.data = data;