Heeft iemand een idee waarom mijn google maps niet altijd laad op mn website?
Voorbeeld: https://jorzwa.com/ (Als je op contact drukt, soms moet je paar keer refreshen om te zien dat die laad of niet laad)
googlemaps.js
Voorbeeld: https://jorzwa.com/ (Als je op contact drukt, soms moet je paar keer refreshen om te zien dat die laad of niet laad)
googlemaps.js
Spoiler tonen
/* api key AIzaSyBl3_Il4JJr-n9d63-w7tqMSlPsbWxTnHs */
// The latitude and longitude of your business / place
$(document).ready(function(){
var position = [52.776723, 6.925278];
function showGoogleMaps() {
var latLng = new google.maps.LatLng(position[0], position[1]);
var mapOptions = {
zoom: 16, // initialize zoom level - the max value is 21
streetViewControl: false, // hide the yellow Street View pegman
scaleControl: true, // allow users to zoom the Google Map
disableDefaultUI: true,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: latLng,
styles: [
{elementType: geometry, stylers: [{color: #303038}]},
{elementType: labels.text.stroke, stylers: [{color: #303038}]},
{elementType: labels.text.fill, stylers: [{color: #777c80}]},
{
featureType: administrative.locality,
elementType: labels.text.fill,
stylers: [{color: #d59563}]
},
{
featureType: poi,
elementType: labels.text.fill,
stylers: [{color: #ea714c}]
},
{
featureType: poi.park,
elementType: geometry,
stylers: [{color: #303038}]
},
{
featureType: poi.park,
elementType: labels.text.fill,
stylers: [{color: #6b9a76}]
},
{
featureType: road,
elementType: geometry,
stylers: [{color: #38414e}]
},
{
featureType: road,
elementType: geometry.stroke,
stylers: [{color: #212a37}]
},
{
featureType: road,
elementType: labels.text.fill,
stylers: [{color: #9ca5b3}]
},
{
featureType: road.highway,
elementType: geometry,
stylers: [{color: #777c80}]
},
{
featureType: road.highway,
elementType: geometry.stroke,
stylers: [{color: #1f2835}]
},
{
featureType: road.highway,
elementType: labels.text.fill,
stylers: [{color: #f3d19c}]
},
{
featureType: transit,
elementType: geometry,
stylers: [{color: #2f3948}]
},
{
featureType: transit.station,
elementType: labels.text.fill,
stylers: [{color: #d59563}]
},
{
featureType: water,
elementType: geometry,
stylers: [{color: #17263c}]
},
{
featureType: water,
elementType: labels.text.fill,
stylers: [{color: #515c6d}]
},
{
featureType: water,
elementType: labels.text.stroke,
stylers: [{color: #17263c}]
}
]
};
map = new google.maps.Map(document.getElementById(googlemaps),
mapOptions);
// Show the default red marker at the location
marker = new google.maps.Marker({
position: latLng,
map: map,
draggable: false,
animation: google.maps.Animation.DROP
});
}
google.maps.event.addDomListener(window, load, showGoogleMaps);
});
Zoals ik dat bij het email formulier op stefvanderwel.nl heb gemaakt