使用Google Map v3地圖在的網站上

Google Maps JavaScript API v3允許你客制化googlemap的style,跟無聊和網站風格不達的googlemap地圖擺擺吧。

SnazzyMaps,找一個你喜歡的風格,當然你也可以自己手刻你要的style,選好後會得到下面的代碼,放在Head之前

以上的代碼第一行,key=xxxxx,xxxxx就是你的API key,需要到google developer tool申請一個,教學看官方這個:申請google api說明文件

在你要現實地圖的地方插入DIV,對應以上js:

如果你要加一個Maker,在剛才的js代碼上多加一個Maker:

LatLng,就是你google map地址的坐標,可以到「選找地圖坐標」網站找到。
當然你可以使用全部google map api的客制化選項:google map v3 api