Geolocation foutafhandeling

[Dens-E]

Hi all!

Ik ben bezig met een app waarin onderstaand script wordt gebruikt om d.m.v. geolocation de positie van de gebruiker te tonen op een Google maps kaart.

Dit werkt prima: https://www.dropbox.com/s...8%2018%2034%2037.png?dl=0

Alleen zou ik hier graag nog een stukje foutafhandeling aan willen toevoegen voor gebruikers die 'locatievoorzieningen' uit hebben staan op hun device, waarmee de gebruiker hierop wordt gewezen en ze direct naar 'instellingen' kunnen gaan. (Zoals Google maps bijvoorbeeld ook doet: https://www.dropbox.com/s...8%2018%2030%2038.png?dl=0

Hiervoor heb ik mijn netwerk aangesproken, diverse fora bezocht, tientallen Google searches uitgevoerd. Dit alles helaas zonder succes.

Wie zou me kunnen helpen aan het ontbrekende stukje code?
Nu begrijp ik heel goed dat de users in de Devschuur er niet zijn om klusjes voor me op te knappen. Echter ben ik op zoek naar een mede ontwikkelaar die eenzelfde situatie herkent en zijn kennis graag wil delen.

JavaScript:

<script>
function success(position) {
  var s = document.querySelector('#status');

  if (s.className == 'success') {
    return;
  }

  s.innerHTML = "U bevind zich op onderstaande locatie.<br />Er is hulp onderweg, blijf waar u bent.";
  s.className = 'success';

  var mapcanvas = document.createElement('div');
  mapcanvas.id = 'mapcanvas';
  mapcanvas.style.height = '300px';
  mapcanvas.style.width = '300px';

  document.querySelector('article').appendChild(mapcanvas);

  var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
  var myOptions = {
    zoom: 15,
    center: latlng,
    mapTypeControl: false,
    navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("mapcanvas"), myOptions);

  var marker = new google.maps.Marker({
      position: latlng,
      map: map,
      title:"You are here! (at least within a "+position.coords.accuracy+" meter radius)"
  });
}

function error(msg) {
  var s = document.querySelector('#status');
  s.innerHTML = typeof msg == 'string' ? msg : "failed";
  s.className = 'fail';

  // console.log(arguments);
}

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(success, error);
} else {
  error('not supported');
}

</script>

[ Voor 7% gewijzigd door Dens-E op 28-02-2018 09:48 . Reden: op verzoek van Roblll ]

[RobIII]

Als je code post, gebruik dan code tags a.u.b. Verder zie ik nergens waar je al op hebt gezocht, wat je gevonden hebt, wat je geprobeerd hebt etc. per onze Quickstart. Hierbij dan ook 't vriendelijke verzoek je topicstart daarmee aan te vullen (gebruik de "wijzig" link rechtsboven je post).

Dens-E schreef op dinsdag 27 februari 2018 @ 22:21:
Wie zou me kunnen helpen aan het ontbrekende stukje code?

En dat is al helemaal niet de bedoeling
Kan iemand even...?

[ Voor 29% gewijzigd door RobIII op 27-02-2018 22:26 ]

[orf]

Je hebt een function success():

JavaScript:

function success(position) {
}

En je Geolocation call ziet er zo uit:

JavaScript:

navigator.geolocation.getCurrentPosition(success, error);

Wat gebeurt er als je een function error(){} toevoegt?

Edit: Je hebt al een error functie. * orf blames het weglaten van de code opmaak

[ Voor 15% gewijzigd door orf op 27-02-2018 22:30 ]

[RobIII]

orf schreef op dinsdag 27 februari 2018 @ 22:27:
Wat gebeurt er als je een function error(){} toevoegt?

Die staat er al 1 op regel 36
Wat niet zo handig is is om 2 functies te (willen) hebben met dezelfde (véél te generieke) naam

[kaassouffle]

https://developers.google...e-hardware/user-location/
https://developers.google...rmissions-api-for-the-web

?