方法:
1、到 http://code.google.com/intl/zh-CN/apis/maps/signup.html 去申请自己网站的Google Maps API密钥;
2、到 http://code.google.com/intl/zh-CN/apis/earth/documentation/index.html 去学习Google地球API开发人员指南;
3、在WordPress后台找到外观 - 编辑 - 顶部(header.php),将下面这段插入到<!--header END-->之前:
//ABCDE是你的Google Map API <script src="http://www.google.com/jsapi?key=ABCDE"></script> <script type="text/javascript"> var ge; google.load("earth", "1"); function init() { google.earth.createInstance('map3d', initCB, failureCB); } function initCB(instance) { ge = instance; ge.getWindow().setVisibility(true); } function failureCB(errorCode) { } google.setOnLoadCallback(init); </script>
4、将下面这段插入到你的任意一篇新文章或页面中:
<div id="map3d" style="height: 400px; width: 600px;"></div>
5、如果要更多效果(例如在地球上显示某个坐标),请参考第2条中的链接地址,里面有大量的教程。
另外,关于如何在WordPress博客插入Google Earth地图,请参见《谷歌地图(Google Map)中iframe实现跳转新窗口打开链接功能》。
方法:
1、到 http://code.google.com/intl/zh-CN/apis/maps/signup.html 去申请自己网站的Google Maps API密钥;
2、到 http://code.google.com/intl/zh-CN/apis/earth/documentation/index.html 去学习Google地球API开发人员指南;
3、在WordPress后台找到外观 - 编辑 - 顶部(header.php),将下面这段插入到<!--header END-->之前:
//ABCDE是你的Google Map API <script src="http://www.google.com/jsapi?key=ABCDE"></script> <script type="text/javascript"> var ge; google.load("earth", "1"); function init() { google.earth.createInstance('map3d', initCB, failureCB); } function initCB(instance) { ge = instance; ge.getWindow().setVisibility(true); } function failureCB(errorCode) { } google.setOnLoadCallback(init); </script>
4、将下面这段插入到你的任意一篇新文章或页面中:
<div id="map3d" style="height: 400px; width: 600px;"></div>
5、如果要更多效果(例如在地球上显示某个坐标),请参考第2条中的链接地址,里面有大量的教程。
另外,关于如何在WordPress博客插入Google Earth地图,请参见《谷歌地图(Google Map)中iframe实现跳转新窗口打开链接功能》。
S 江苏 *
@ric83311
十四年前 Firefox 3 · Windows 7你好,老头
ric83311 香港
@S 没完了你。。。
十四年前 Maxthon · Windows XPS 江苏 *
@ric83311 这就完了
十四年前 Google Chrome 7 · Windows 7ric83311 上海
@S sigh...
十四年前 Maxthon 2 · Windows XP