├── README.md ├── index.html ├── script.js └── style.css /README.md: -------------------------------------------------------------------------------- 1 | # Quick Geolocation Search 2 | 3 | 4 | GitHub stars 5 | 6 | GitHub forks 7 | 8 | [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/dwyl/esta/issues) 9 |

10 | 11 | 12 | [![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fcipher387%2Fquickgeolocationsearch%2F&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com) 13 | 14 | This simple tool helps save a lot of time when gathering information about geolocation. Enter latitude and longitude once and click the buttons with the names of online maps, to quickly jump to it. 15 | 16 | https://cybdetective.com/quickgeolocationsearch.html 17 | 18 |

19 | 20 | 21 | Thank you for following me! https://cybdetective.com 22 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Quick geolocation search 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | New version of Quick geolocation search -> 20 | 21 |
22 | 23 | 24 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | ymaps = window.ymaps; 2 | ymaps.ready(init); 3 | 4 | function init() { 5 | var myMap = new ymaps.Map("map", { 6 | center: [35.00, 1.00], 7 | zoom: 4 8 | }, { 9 | searchControlProvider: 'yandex#search' 10 | }); 11 | myMap.events.add('click', function (e) { 12 | if (!myMap.balloon.isOpen()) { 13 | var coords = e.get('coords'); 14 | document.getElementById("latitude").value = [coords[0].toPrecision(9)]; 15 | document.getElementById("longitude").value = [coords[1].toPrecision(9)]; 16 | myMap.balloon.open(coords, { 17 | contentHeader:'Coordinates:', 18 | contentBody:'

' + [ 19 | coords[0].toPrecision(6), 20 | coords[1].toPrecision(6) 21 | ].join(', ') + '

' 22 | }); 23 | } 24 | else { 25 | myMap.balloon.close(); 26 | } 27 | }); 28 | 29 | } 30 | 31 | function buttonOpen(buttonValue) { 32 | 33 | latitude = Number(document.getElementById("latitude").value).toFixed(4); 34 | longitude = Number(document.getElementById("longitude").value).toFixed(4); 35 | 36 | 37 | const links = []; 38 | links["YandexMaps"] = "https://maps.yandex.com/?ll="+longitude+","+latitude+"&pt="+longitude+","+latitude; 39 | links["YandexPhotos"] = "https://yandex.com/maps/?l=pht&ll="+longitude+","+latitude+"&pt="+longitude+","+latitude; 40 | links["Twitter"] = "https://twitter.com/search?q=near%3A"+latitude+"%2C"+longitude+"&src=typed_query&f=live"; 41 | links["Onlyfinder"] = "https://onlyfinder.com/location%3a"+latitude+"%2c"+longitude+"%2c100km/profiles/"; 42 | links["Ventusky"] = "https://www.ventusky.com/"+latitude+";"+longitude; 43 | links["Strava"] = "https://labs.strava.com/heatmap/#10.86/"+longitude+"/"+latitude+"/hot/all"; 44 | links["Wikimapia"] = "http://wikimapia.org/#lang=en&lat="+latitude+"&lon="+longitude+"&z=15&m=b"; 45 | links["Pastvu"] = "https://pastvu.com?g="+latitude+","+longitude+"&z=16&s=osm&t=mapnik&type=1"; 46 | links["LightPollutionMap"] = "https://www.lightpollutionmap.info/#zoom=10.00&lat="+latitude+"&lon="+longitude+"&layers=B0FFFFFFFTFFFFFFFFFF"; 47 | links["Skyvector"] = "https://skyvector.com/?ll="+latitude+","+longitude+"&chart=301&zoom=6"; 48 | links["Emporis"] = "https://www.emporis.com/buildings/map#c="+latitude+","+longitude+"&z=16"; 49 | links["Opencellid"] = "https://opencellid.org/#zoom=13&lat="+latitude+"&lon="+longitude; 50 | links["GoogleMaps"] = "https://www.google.com/maps/@"+latitude+","+longitude+",12.12z"; 51 | links["ShadowMap"] = "https://app.shadowmap.org/?lat="+latitude+"&lng="+longitude+"&zoom=16&basemap=map&time=1654604735200&vq=2"; 52 | links["SunCalc"] = "https://www.suncalc.org/#/"+latitude+","+longitude+",3/2022.06.07/15:53/1/3"; 53 | links["SentinelHub"] = "https://apps.sentinel-hub.com/sentinel-playground/?source=S2L2A&lat="+latitude+"&lng="+longitude+"&zoom=12&preset=1_TRUE_COLOR&layers=B01,B02,B03&maxcc=20&gain=1.0&gamma=1.0&time=2021-06-01%7C2021-12-06&atmFilter=&showDates=false"; 54 | links["Copernix"] = "https://copernix.io/#?where="+longitude+","+latitude+",9&?query=&?map_type=hybrid"; 55 | links["Openstreetmap"] = "https://www.openstreetmap.org/#map=10/"+latitude+"/"+longitude; 56 | links["Virtualglobetrotting"] = "https://virtualglobetrotting.com/ll/"+latitude+","+longitude; 57 | links["YouTube"] = "https://mattw.io/youtube-geofind/location?location="+latitude+","+longitude+"&doSearch=true"; 58 | links["OpenMapSwitcher"] = "https://tankaru.github.io/OpenSwitchMapsWeb/index.html#https://www.openstreetmap.org/#map=10/"+latitude+"/"+longitude; 59 | 60 | window.open(links[buttonValue]); 61 | 62 | } 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | .discord-follow-button { 2 | color: #fff; 3 | background: #9932CC; 4 | padding: 3px 7px; 5 | font-weight: 500; 6 | font-size: 18px; 7 | border-radius: 4px; 8 | vertical-align: middle; 9 | text-align: center; 10 | } 11 | 12 | .btn-link 13 | { 14 | margin:3px; 15 | } 16 | .mainsite-button 17 | { 18 | color: #fff; 19 | background: red; 20 | padding: 3px 7px; 21 | font-weight: 500; 22 | font-size: 18px; 23 | border-radius: 4px; 24 | vertical-align: middle; 25 | text-align: center; 26 | 27 | } 28 | 29 | 30 | .telegram-follow-button { 31 | color: #fff; 32 | background: #1e97d7; 33 | padding: 3px 7px; 34 | font-weight: 500; 35 | font-size: 18px; 36 | border-radius: 4px; 37 | vertical-align: middle; 38 | text-align: center; 39 | } 40 | .linkedin-follow-button { 41 | color: #fff; 42 | background: #2867B2; 43 | padding: 3px 7px; 44 | font-weight: 500; 45 | font-size: 18px; 46 | border-radius: 4px; 47 | vertical-align: middle; 48 | text-align: center; 49 | } 50 | .github-follow-button { 51 | color: black; 52 | background: silver; 53 | padding: 3px 7px; 54 | font-weight: 500; 55 | font-size: 18px; 56 | border-radius: 4px; 57 | vertical-align: middle; 58 | text-align: center; 59 | } 60 | .revue-follow-button { 61 | color: #fff; 62 | background: #FFA500; 63 | padding: 3px 7px; 64 | font-weight: 500; 65 | font-size: 18px; 66 | border-radius: 4px; 67 | vertical-align: middle; 68 | text-align: center; 69 | } 70 | .telegram-follow-button:hover { 71 | background: #167ba5; 72 | color: #fff; 73 | } 74 | .telegram-follow-button img{ 75 | width: 20px; 76 | vertical-align: middle; 77 | } 78 | .twitter-follow-button-2 { 79 | color: #fff; 80 | background: #1DA1F2; 81 | padding: 3px 7px; 82 | font-weight: 500; 83 | font-size: 18px; 84 | border-radius: 4px; 85 | vertical-align: middle; 86 | text-align: center; 87 | 88 | } 89 | 90 | #map 91 | { 92 | width:500px; 93 | height:400px; 94 | margin:30px; 95 | } 96 | #table 97 | { 98 | text-align:center; 99 | } 100 | .well 101 | { 102 | padding:10px; 103 | } 104 | --------------------------------------------------------------------------------