第十四週

嵌入GOOGLE 地圖

  1. https://www.google.com.tw/maps
  2. 輸入查詢關鍵字,名稱或地址
  3. 查詢完成後,按右下的「分享」
  4. 選擇「嵌入地圖」,然後將嵌入碼,複製
  5. 將嵌入碼放入容器中
   <!-- 電子地圖 -->
  <section id="maps" class="padded-section">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="center-heading" style="text-align: center; margin-bottom: 40px;">
            <h2>電子地圖</h2>
            <hr>
          </div>
        </div>
      </div><!--center heading row-->

      <div class="row">
        <div class="col-sm-12 col-md-12">
            <!-- 請放入嵌入碼-->
            <!-- 嵌入碼end-->
        </div>
      </div>
    </div>
  </section><!--電子地圖 end-->
  1. 請將index.html重新上傳至虛擬主機。
  2. 若沒虛擬主機,則請測試google雲端硬碟
  3. 示範網站 http://ugm.890m.com/
  4. https://goo.gl/T0oBm3
  5. 下載網站
  6. http://ugm.890m.com/fb.html