在 WordPress 网页中嵌入谷歌地球(Google Earth)

方法:
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="https://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 实现跳转新窗口打开链接功能》。

共有 10 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注