Google Map 實戰紀錄

博客網頁測試成功執行結果見於 自己已經先行測試的執行網頁
使用 [插入] > [HTML 方塊],內有已經於其他網頁測試成功的 JQuery Javascript 程式碼,以下實測成功,另有自己博客的秀場



















方法同上使用 [插入] > [HTML 方塊],內容幾乎同上只差少一行<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script>程式碼

















使用 [插入] > [HTML 方塊],內有於[程式介紹]Using CSS Javascript Jquery in Google Sites所講的程式碼,以下實測成功,
執行結果見於[執行結果]Using CSS, Javascript and jQuery in Google Sites,但要把程式碼碼區塊往後放方才會成功,另有自己博客的秀場



















使用 [插入] > [HTML 方塊],內有已經於其他網頁測試成功的Map API Javascript 程式碼,以下實測失敗,原因待查

















使用 [插入] > [地圖],接著輸入位置(如: 桃園車站)或所在地址

桃园火车站旅游服务中心


Ref.用iframe 加入 google Map
With the iframe code given by Google Maps, 舉例:桃園車站

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d57857.386685713966!2d121.2959896!3d24.997170849999986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x34681ee34594ac3f%3A0x8cac39b16aa24a7b!2z5qGD5ZyS6LuK56uZ!5e0!3m2!1szh-TW!2stw!4v1505127396567" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

我們只要其中 src 屬性裡的內容即可

Include gadget (iframe)



使用 google-maps-api.xml,來自這裡
儲存於此網頁附件的 https://sites.google.com/a/alepapa.org/digit100/google-map-test/google-maps-api.xml
以下實測失敗,原因待查

Google Maps API within a Gadget




ċ
Chung-Lin Teng,
2017年9月11日 清晨6:28
Comments