2015-04-01 99 views
0

在我的HTML頁面,而不是使用:定製谷歌地圖

function initialize() { 
    var mapCanvas = document.getElementById('map-canvas'); 
    var mapOptions = { 
     center: new google.maps.LatLng(51.489021, -0.1164075), 
     zoom: 14, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     styles: styles 
    } 
    var map = new google.maps.Map(mapCanvas, mapOptions) 
} 

我想使用一個自定義地圖我創建。

https://www.google.com/maps/d/edit?mid=zd34x9vOEi3A.kNJZAfpCCD80

但我不希望將地圖嵌入到我的網頁,我想要做的HTML頁面的樣式。這可能嗎?

+0

你問你是否可以拍攝地圖的靜態快照,顯示它,並設計它?如果是這樣,當然答案是肯定的,最簡單的情況就是截圖並使用圖片編輯器將其作爲PNG或JPG格式。如果您希望顯示MyMap,並允許最終用戶操作地圖(縮放,平移),則必須使用Google MyMaps提供的嵌入代碼將地圖嵌入到HTML中。 – cybermike 2015-04-01 21:57:22

回答

1

那麼,根據您要在頁面上執行的自定義類型,您可以在頁面中包含Google Maps JavaScript API 3。這將允許您從添加自定義標記,添加圖像到計算和繪製方向的各種自定義。甚至還有一些有用的例子,所以我認爲將自定義Google地圖添加到您的html是一個很好的開始。

+0

我希望有其他人控制地圖,所以我認爲使用MyMaps對他們來說是最簡單的。但看起來這對我來說是最簡單的,並給他們他們想要的定製。 – cheezheadsrule 2015-04-02 14:35:18