javascript - 如何使用 javascript 在我的网站中显示外部内容

标签 javascript geolocation geotargetting

这是我的第一篇文章! 我有一个关于 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.html)。 php?g="+ lat + ","+ lon;) 进入我的网页?此页面的内容只是我所说的名称...没有 html 标签!

谢谢!

最佳答案

使用 AJAX

形成 url 后,向其发出 ajax 请求, 获取结果并解析到您的容器中

您可能还想查看谷歌地理编码器示例(当我检查该服务时,它说它不可用)

关于javascript - 如何使用 javascript 在我的网站中显示外部内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5057758/

相关文章:

python - 使用 Graph API 在 Facebook 中定位帖子的地理定位

javascript - Window.onblur - 禁用 iframe 事件

android - 当我们在 Android 中通过 GPS 获取位置时,如何获取卫星名称或编号?

javascript - 如何使用 JavaScript 制作包含用户当前位置的谷歌地图

javascript - Phonegap 中的地理位置示例会在 Android 上发出错误警报

Drupal 仅根据位置显示某些内容

javascript - ajax 调用替换页面内容后,单击功能不起作用

javascript - 在 Fiddler 中看不到 ASP.NET bundle 文件

javascript - 切换对象的可见性或显示