#javascript #html
Вопрос:
Я попытался получить местоположение пользователя, когда пользователь посещает веб-сайт, используя javascript. Я могу получить координаты пользователя (lat и long). Но когда я помещаю эти координаты в код src (см. Код ниже), на карте не отображается местоположение пользователя, и я получаю ошибку (карта показывает ошибку). Каково же решение? Спасибо
Возможное решение, которое я пробовал, но не сработало:
lt;!DOCTYPE htmlgt; lt;htmlgt; lt;bodygt; lt;pgt;Click the button to get your coordinates.lt;/pgt; lt;button onclick="getLocation()"gt;Try Itlt;/buttongt; lt;p id="demo"gt;lt;/pgt; lt;div id="map"gt; lt;iframe id="google_map" width="600" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="border:0;" allowfullscreen="" loading="lazy" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d77762.85290000484!2d-1.933670854470559!3d52.47752147716896!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4870942d1b417173:0xca81fef0aeee7998!2zzpzPgM6tz4HOvM65zr3Ph86xzrwsIM6Xzr3Pic68zq3Ovc6_IM6SzrHPg86vzrvOtc65zr8!5e0!3m2!1sel!2s!4v1638083584669!5m2!1sel!2s"gt;lt;/iframegt; lt;/divgt; lt;scriptgt; var x = document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { x.innerHTML = "Geolocation is not supported by this browser."; } return false; } function showPosition(position){ document.getElementById('google_map').setAttribute("src", "https://maps.googleapis.com/maps/api/staticmap?center=" position.coords.latitude "," position.coords.longitude "amp;zoom=14amp;size=400x300amp;sensor=falseamp;key=YOUR_KEY") x.innerHTML = "Latitude: " position.coords.latitude "lt;brgt;Longitude: " position.coords.longitude; } lt;/scriptgt; lt;/bodygt; lt;/htmlgt; и
document.getElementById('google_map').setAttribute("src", "https://www.google.com/maps/search/?api=1amp;query=" position.coords.latitude "," **position.coords.longitude);