coolsite360地圖組件基于騰訊地圖，主要用來(lái)顯示指定地理位置。下面介紹在專業(yè)建站里面是如何使用和操作的。

1.專業(yè)建站可以打開(kāi)已經(jīng)配置好的地圖模塊，或者使用地圖組件新建。

2.模塊建站的地圖模塊是通過(guò)josn配置而得的。

下面主要講解地圖組件：

1.首先在專業(yè)建站左側(cè)工具欄里找到「地圖」點(diǎn)擊插入。

  編輯樣式

右側(cè)配置面板集成所有的css樣式屬性，可對(duì)地圖組件進(jìn)行細(xì)致化的調(diào)節(jié)與操作，這里以設(shè)置地圖鋪滿全屏為例子講解。

 定位地址

使用地圖組件，可以給公司標(biāo)記固定位置。雙擊地圖區(qū)域可進(jìn)入地圖編輯。

可搜索公司地址自動(dòng)定位。搜索時(shí)帶公司地址，如：深圳騰訊。

點(diǎn)擊標(biāo)記并拖動(dòng)可改變標(biāo)記的位置，同時(shí)在右側(cè)面板可編輯標(biāo)記的位置信息，以下以定位上海意派信息科技為例。

更改保存后，在游覽器里預(yù)覽生效。

備注：

專業(yè)建站的自由度很高，同時(shí)也需要一定的css基礎(chǔ)才能更好的使用coolsite360,下面是關(guān)于HTML5地圖標(biāo)簽的官方文檔，供大家參考學(xué)習(xí)，資源鏈接：http://www.w3school.com.cn/html/html5_geolocation.asp