Как отобразить внешний контент на моем сайте, используя JavaScript
Это мой первый пост! У меня есть вопрос о JavaScript... вот мой код:
<html>
<head>
<title>Geolocation Demo</title>
</head>
<body>
<h1>Geolocation Demo</h1>
<p>Latitude: <span id="lat">0.00</span> Longitude: <span id="lon">0.00</span> City: <span id="city">Loading...</span></p>
<p><a id="city_link" href="http://tinygeocoder.com/" target="_blank">View City</a></p>
<p><a id="gmaps_link" href="http://maps.google.co.uk/" target="_blank">View on Google Maps</a></p>
<script language="javascript">
// show the position on the page and make a google maps link
function showPosition(position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
document.getElementById("lat").innerHTML = lat;
document.getElementById("lon").innerHTML = lon;
var gmaps_url = "http://maps.google.co.uk/maps?f=q&source=s_q&hl=en&geocode=&q=" + lat + "+" + lon;
var city_url = "http://tinygeocoder.com/create-api.php?g=" + lat + "," + lon;
document.getElementById("gmaps_link").href = gmaps_url;
document.getElementById("city_link").href = city_url;
}
</script>
</body>
</html>
Как видите, этот скрипт нацелен на мою геолокацию. В частности, Лат и Лон работают отлично. В дополнение, я хочу, чтобы отобразить и информацию о регионе (например, город). Итак, я нашел веб-сайт, который я предоставляю координаты, и он возвращает мне название региона. У меня вопрос, могу ли я отобразить название региона, не нажимая на ссылку "Просмотр города", но в поле "город"... можно ли передать содержимое веб-страницы (http://tinygeocoder.com/create-api.php?g=" + lat + "," + lon;) на мою веб-страницу? Содержимое этой страницы - только название, как я сказал... нет HTML-тегов!
Спасибо!
1 ответ
Используйте AJAX
После того, как вы сформировали URL, сделайте ajax-запрос к нему, верните результаты и проанализируйте ваш контейнер
Вы также можете посмотреть на пример геокодера Google (например, когда я проверял этот сервис, он сказал, что он недоступен).