Category : maps

I am new to maps and its stuff. What I have done so far is I can render kml file on map using geoxml3 and able to edit its coordinates like below. <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Google Maps JavaScript API v3 Example: Directions Complex</title> <style> ..

Read more

I am overwriting the custom google maps marker controls and style, using this code (refactoring to come): setCustomZoomControls(map) { if (this.props && this.props.google) { // google props is available const { google, } = this.props; const maps = google.maps; var customZoomInControlDiv = document.createElement(‘div’); var customZoomOutControlDiv = document.createElement(‘div’); new CustomZoomInControl(customZoomInControlDiv, map); new CustomZoomOutControl(customZoomOutControlDiv, map); customZoomInControlDiv.index = ..

Read more

1.This is javascript file ”’ how to go direct to maps after click the button show my location ”’ function geoFindMe() { const status = document.querySelector(‘#status’); const mapLink = document.querySelector(‘#map-link’); mapLink.href = ”; mapLink.textContent = ”; function success(position) { const latitude = position.coords.latitude; const longitude = position.coords.longitude; status.textContent = ”; mapLink.href = `https://www.openstreetmap.org/#map=18/${latitude}/${longitude}`; mapLink.textContent = ..

Read more

I’m trying to remove an "addEventListerner" from the map, but it is not working There is my code: function dbltapzoom(){ alert(“Remove”); } map.addEventListener(‘pointerdown’, function (evt) { var coord = map.screenToGeo(evt.currentPointer.viewportX, evt.currentPointer.viewportY); polygonStroke.setGeometry(coord); polygonStroke.setVisibility(true); locationVertices.push(polygonStroke); map.addObject(polygonStroke); },false); map.addEventListener(‘dbltap’, function () { map.removeEventListener(‘pointerdown’,dbltapzoom,false); }); Honestly, I don’t know how to make this work. Any help and explanation ..

Read more

I spent a lot of time looking for JS script for interactive svg maps. I already found https://imagemappro.com/demo-mall/ and https://mapplic.com/maps/world?location=de. Those two look good and work well. But both of them are using JQ. I don’t want to include JQ to one page, one time use, If possible. Basically I’m looking for a script that ..

Read more