JSFiddle - React, Tailwind, and code Playground
JavaScript
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
curLoc = new google.maps.LatLng(
position.coords.latitude,
position.coords.longitude
);
var request = {
origin: curLoc,
destination: fabriek,
travelMode: google.maps.TravelMode.DRIVING,
waypoints: waypts,
optimizeWaypoints: true
};
var infowindow = new google.maps.InfoWindow({
content: "Dit ben jij"
});
var bestuurderIcon = new google.maps.MarkerImage('marker-bestuurder.png',
null,
null,
null,
new google.maps.Size(40, 50));
var marker = new google.maps.Marker({
position: curLoc,
icon: bestuurderIcon,
map: map,
title: 'Dit ben jij',
animation: google.maps.Animation.DROP
});
marker.addListener('click', function() {
infowindow.open(map, marker);
});
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
// navigeer naar volgende punt met google applicatie op device
document.getElementById("gohere").href = "google.navigation:q=" +...