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

时间:2011-02-20 14:55:13

标签: 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>

如您所见,此脚本定位我的地理位置。具体来说,Lat和Lon工作得很好。在addinition中,我想显示和区域信息(如城市)。所以,我找到了一个网站,我提供坐标,它返回一个地区名称。我的问题是,如果我可以显示区域名称而不点击“查看城市”链接,但在“城市”字段中......是否可以传递网页内容(http://tinygeocoder.com/create-api。 php?g =“+ lat +”,“+ lon;”进入我的网页?这个页面的内容只是我说的名字......没有html标签!

谢谢!

1 个答案:

答案 0 :(得分:0)

使用AJAX

你有形成的网址后向它发出ajax请求,  得到结果并解析到您的容器

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