可以在这里访问官方的例程.
速度令人沮丧，不过刷新网页后速度显然提高不少。
相信不久后会有人写出绝妙超酷的应用。

如果你是通过RSS阅读本文，Javascript脚本将不能运行，可以点击这里看原文，图示区域为我国最长的跨海大桥 – 杭州湾大桥。

相关文章

• Google AJAX Feed API 与 Cross Site AJAX
• 没有Gmail我们可以用邮局寄信
• 显示Gmail发信人时区
• 让Google Apps支持.cn中国域名
• 美国的石油从哪里来

meteo-gis.cn是一个建立在Google Maps上的台风实时预报网站，可以查看当前台风中心位置、移动方向、风圈大小、预测台风路径等，还可以查看历史台风数据。目前该网站只支持IE不支持Firefox。

参考链接：

浙江省台风路径实时发布系统

实时卫星云图

e070377e

相关文章

• 轻松在你blog上显示Google Maps地图
• Body.onload 关于页面加载完毕的问题
• Gmap
• 猪流感地图
• 美国的石油从哪里来

【背景】流行的AJAX程序都大量使用了JavaScript和XMLHttpRequest，而XMLHttpRequest遵循同源策略，即通常所说的跨域问题。什么是同源策略：一般情形下，为安全起见，浏览器不允许你在客户端通过XMLHttpRequest访问别的域，默认你只能存取同域名、同一端口、同一协议下的资源。这给我们造成了麻烦，很明显，在不少情形下，获取别的网站的信息/服务是非常有用的。

【解决方案】通常解决方法有三种：

1. 在同一域的服务器端建立一个代理，浏览器向该代理网址发送请求，然后该代理向其他域的网址发请求，在获取回复后，或作处理或按原样发回到浏览器。
2. 使用按需(On-Demand) Javascript 脚本。在页面内动态生成新的，将其src属性指向别的网站的网址，这个网址返回的内容必须是合法的Javascript脚本，常用的是JSON消息。
3. 使用IFRAME。在页面内嵌或动态生成指向别的网站的IFRAME，然后这2个网页间可以通过改变对方的anchor hash fragment来传输消息。

都是比较麻烦的。
后来，yahoo提供了Yahoo Pipes，一个可视化界面的feed聚合服务程序，业界评价挺高，当然还有其他几个mashups程序可供选择。但是Google AJAX Feed API可能是最适合developer使用的了。

【Google AJAX Feed API】 现在你只要书写几行JavaScript程序，不再需要建立复杂的服务器端代理，Google代劳了所有mashups开发。

【延伸阅读】关于 Cross Site AJAX：

1. Security Considerations: Dynamic HTML
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/sec_dhtml.asp

2. About Cross-Frame Scripting and Security
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/om/xframe_scripting_security.asp

3. Cross-Domain Proxy
http://ajaxpatterns.org/Cross-Domain_Proxy

4. Cross Domain XMLHttpRequest using an IFrame Proxy
http://manual.dojotoolkit.org/WikiHome/DojoDotBook/Book75

5. Back Button Support for Atlas UpdatePanels
http://www.nikhilk.net/BackButtonSupport.aspx

6. Cross-document messaging hack
http://blog.monstuff.com/archives/000304.html

7. Calling web services hosted outside of your application with “Atlas”
http://blogs.msdn.com/federaldev/archive/2006/07/31/684229.aspx

http://www.federaldeveloper.com/Shared%20Documents/Presentations%20by%20Marc%20Schweigert/CallAtlasWebServiceInDifferentProject.zip

8. AJAX Tip: Passing Messages Between iframes
http://www.25hoursaday.com/weblog/PermaLink.aspx?guid=3b03cf9d-b589-4838-806e-64efcc0a1a15

相关文章

• 浏览器中的GOOGLE地球
• 没有Gmail我们可以用邮局寄信
• 显示Gmail发信人时区
• 让Google Apps支持.cn中国域名
• 美国的石油从哪里来

<iframe src=http://wikimapia.org/s/#y=29898782&x=121935410&z=17&l=6&m=a width=415 height=365 frameborder=0></iframe>

相关文章

• Google Maps上的台风预报
• Body.onload 关于页面加载完毕的问题
• Gmap
• 猪流感地图
• 美国的石油从哪里来

<script type=”text/javascript” src=”http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA43IALmfadaZgVb1L-IEizRRKyzQqj4F9myd02mWX0DutlkqY_BQi03TATJA59RMvJYUa4fN7lK7X5g”>
</script>

<div id=”map” style=”width: 600px; height: 400px;”></div>

<script type=”text/javascript”>
function init() {
if (GBrowserIsCompatible()) {
var map=new GMap(document.getElementById(”map”));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setMapType(G_HYBRID_TYPE);
map.centerAndZoom(new GPoint(121.5581,29.8394), 8);
// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = “http://www.google.com/mapfiles/shadow50.png”;
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);

// Create a lettered icon for this point using our icon class
var letter = String.fromCharCode(”A”.charCodeAt(0) + 25);
var icon = new GIcon(baseIcon);
icon.image = “http://www.google.com/mapfiles/marker” + letter + “.png”;
var ningbo = new GMarker(new GPoint(121.5581,29.83941),icon);
GEvent.addListener(ningbo, “click”, function(){
ningbo.openInfoWindowHtml(”过几天出去溜达下！”); });
map.addOverlay(ningbo);

// Create a lettered icon for this point using our icon class
var letter = String.fromCharCode(”A”.charCodeAt(0) + 24);
var icon = new GIcon(baseIcon);
icon.image = “http://www.google.com/mapfiles/marker” + letter + “.png”;
var zhoushan = new GMarker(new GPoint(122.1018,30.0207),icon);
GEvent.addListener(zhoushan, “click”, function(){
zhoushan.openInfoWindowHtml(”你说什么啊？我听不见呀！”);
});
map.addOverlay(zhoushan);
}
};

/* for Mozilla */
if (document.addEventListener) {
document.addEventListener(”DOMContentLoaded”, init, null);
}

/* for Internet Explorer */
/*@cc_on @*/
/*@if (@_win32)
init
/*@end @*/

/* for other browsers */
window.onload = init;
</script>

update：
1、加载比较慢，请耐心等待片刻，页面里有太多的脚本了，嘿嘿。看来玩Gmap还得有个自己的空间才是！
2、在2个GMarker之间点击的时候先打开的openInfoWindow不能自由关闭，看来还要继续除虫。

相关文章

• Google Maps上的台风预报
• 轻松在你blog上显示Google Maps地图
• Gmap
• 猪流感地图
• 美国的石油从哪里来

<script type=”text/javascript” src=”http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA43IALmfadaZgVb1L-IEizRT2DsZWTaQwEcLbsDtQz1jnLAblVRRx2_bEwFhsxfHsq9k-5A0PT7xjxw”>
</script>

<div id=”map” style=”width: 600px; height: 400px;”></div>

<script type=”text/javascript”>
//<![CDATA[
if (GBrowserIsCompatible()) {

var map=new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setMapType(G_HYBRID_TYPE);
map.centerAndZoom(new GPoint(121.5581,29.8394), 8);

// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);

// Create a lettered icon for this point using our icon class
var letter = String.fromCharCode("A".charCodeAt(0) + 25);
var icon0 = new GIcon(baseIcon);
icon0.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

var ningbo = new GMarker(new GPoint(121.5581,29.83941),icon0);
GEvent.addListener(ningbo, "click", function(){
ningbo.openInfoWindowHtml("美女啊，我爱你啦！");
});
map.addOverlay(ningbo);

// Create a lettered icon for this point using our icon class
var letter = String.fromCharCode("A".charCodeAt(0) + 24);
var icon = new GIcon(baseIcon);
icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

var zhoushan = new GMarker(new GPoint(122.1018,30.0207),icon);
GEvent.addListener(zhoushan, "click", function(){
zhoushan.openInfoWindowHtml("你说什么啊？我饭吃过啦！");
});
map.addOverlay(zhoushan);


}
//]]>
</script>

代码结束

google的api文挡里面的实例使用了

  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>

我估计错误就出现在这个地方，donews的模板我好象设置不了body onload。

相关文章

• Google Maps上的台风预报
• 轻松在你blog上显示Google Maps地图
• Body.onload 关于页面加载完毕的问题
• 猪流感地图
• 美国的石油从哪里来