# data[].attributes.attachment_link.description
Coffee Shop Website. Contribute to erickdc7/coffee-shop-website-design development by creating an account on GitHub.

# data[].attributes.attachment_link.title
Responsive Coffee Shop Website Using HTML CSS & JavaScript - Step By Step

# data[].attributes.attachment_link.title
Create Shopping Cart And Checkout using HTML CSS & Javascript

# data[].attributes.attachment_link.title
Ecommerce Website | Add to Cart | Delete from Cart | HTML, CSS & JavaScript

# data[].attributes.body
https://pontianakkota.bps.go.id/indicator/151/122/1/curah-hujan.html

https://jurnal.untan.ac.id/index.php/jpfu/article/view/25247/75676576450

https://ejournal.pelitaindonesia.ac.id/ojs32/index.php/JOISIE/article/view/1785/790

# data[].attributes.body
1. metode pembayaran (dipilih aja)

2. kalau gaada item gabisa checkout

3. dine-in/delivery

4. lokasi/? susah si

# data[].attributes.attachment_link.readable_text
Your current position you can get with the geolocation API.

Then you give the longitude and latitude to google maps, together with the search query, and google-maps will return you the map, and where you have to put the marker positions:

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Reports</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="google" value="notranslate" /> <meta name="application-name" content="GeoLocator" /> <meta name="description" content="HTML5&#39;s approach to email" /> <meta name="application-url" content="https://developer.mozilla.org" /> <meta name="google" content="notranslate" /> <!-- <link rel="canonical" href="https://mail.google.com/mail/" /> <link rel="shortcut icon" href="https://ssl.gstatic.com/ui/v1/icons/mail/images/favicon2.ico" type="image/x-icon" /> <link rel="alternate" type="application/atom+xml" title="Gmail Atom Feed" href="feed/atom" /> --> <script type="text/javascript"> // <![CDATA[ var options = { enableHighAccuracy: true, timeout: 5000, maximumAge: 0 }; var x = null; function success(position) { var lat = position.coords.latitude; var lon = position.coords.longitude; var accuracyInMeters = position.coords.accuracy; x.innerHTML = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude; } function error(err) { console.warn('ERROR(' + err.code + '): ' + err.message); x.innerHTML = '<span style="color: red;">No fix on location</span>'; } function getLocation() { if (navigator.geolocation) { // https://developer.mozilla.org/en-US/docs/Web/API/Geolocation.getCurrentPosition // First of all, realise that the default timeout for getCurrentPosition is infinite(!). // That means that your error handler will never be called if getCurrentPosition hangs somewhere on the back end. navigator.geolocation.getCurrentPosition(success, error, options); // Error and optios can be omitted } else { alert("not supported") x.innerHTML = "Geolocation is not supported by this browser."; } } document.addEventListener('DOMContentLoaded', function () { x = document.getElementById("demo"); /*fun code to run*/ getLocation(); }) // ]]> </script> <style type="text/css" media="all"> html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; } </style> </head> <body> <div id="demo"></div> </body> </html>

If the browser doesn't support geolocation, then you can either
- use the IP to resolve the geocoordinates of the town, and use its long/lat
- or you can ask the user to input his address, and get the longitude/latitude from there:

function searchLocations() { var address = document.getElementById("addressInput").value; var geocoder = new google.maps.Geocoder(); geocoder.geocode({address: address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { searchLocationsNear(results[0].geometry.location); } else { alert(address + ' not found'); } }); }

Instead of fetching the nearest shops from google, you can also put your shop's locations into a database-table and lookup their coordinates there.
See the example here: https://developers.google.com/maps/articles/phpsqlsearch_v3

To get a list of shops near a certain position, you can either use Google Places API
https://developers.google.com/places/documentation/?csw=1
or you can use the StoreLocater library here:
http://storelocator.googlecode.com/git/index.html

# data[].attributes.attachment_link.title
Geolocation example code find specific stores nearby me HTML 5

# data[].attributes.attachment_link.description
Any idea to find stores nearby my location using the Geolocation API? An example code should be fine and then I will go on from there.