3

我想将我的 Google Maps V3 Web Apps 转换为 Google Apps Script。如何将完整的 Maps V3 API 使用/加载到 Google Apps 脚本 HTML 文件(GAS Web 应用程序)中?正常的标记方法似乎不起作用。

我也试过谷歌加载器,但没有成功。

即使是 URLFetch,但到目前为止还没有运气。

这适用于作为 Web 应用程序发布的“独立脚本”。

4

2 回答 2

4

自 2014 年 12 月起,可以使用Google Apps Script HtmlService 中的IFRAME 沙盒模式使用 Google Maps JavaScript API v3 。将以下代码段发布为 Web 应用程序并在 Google Developer Console 中生成一个公钥,允许*.googleusercontent.com/*作为浏览器引用者:

function doGet() {
  return HtmlService.createHtmlOutputFromFile('ui')
                    .setSandboxMode(HtmlService.SandboxMode.IFRAME);
}

-- ui.html -- (来自Google Maps Dev. Docs )

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=API_KEY">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: { lat: -34.397, lng: 150.644},
          zoom: 8
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
<div id="map-canvas"></div>
  </body>
</html>
于 2015-01-04T13:40:23.100 回答
1

加载器还不能在 HtmlService 中工作。

于 2012-08-06T13:05:41.583 回答