在cms以及kindeditor中插入百度動態地圖的方法

想在網頁中插入動態地圖不難，直接開啟網址http://api.map.baidu.com/lbsapi/creatmap/，然後按照提示操作，最終產生指令碼，放到html檔案中即可。而在kindeditor中插入動態地圖就更簡單了，最新版的kindeditor已經添加了插入動態地圖的功能。

這裡我要說的是，如果一個cms中整合的是老版本的kindeditor，沒有插入動態地圖這個功能，或者kindeditor產生的地圖尺寸太小，又不能更改，那麼我們要怎麼辦呢？

偶然間我想到一個方法，我們可以先按照文章開頭的方法產生指令碼代碼，然後在kindeditor中點擊【插入程式碼】按鈕，選擇javascript，將百度產生的程式碼粘貼到彈出的視窗中，儲存後，重新整理前台，就可以看到百度的動態地圖產生了。

當然，產生的動態地圖的css樣式可能跟我們需要的不一致，那就要去修改百度產生的指令碼中的一些css樣式了。

還有，就是我們想在動態地圖的下方放置連絡方式等文本，可是在kindeditor中輸入文本後，再次重新整理前台，我們會發現已經產生的地圖頁面全都亂掉了，我覺得這應該是給常值內容或者文本樣式和地圖指令碼衝突造成的，為什麼衝突？我也不知道。

摸索了一下，解決起來也不麻煩，我發現當我插入地址指令碼後，如果編輯框中是這個樣子，那麼當我在下方輸入本文後，前台頁面一準亂掉。

而如果插入地圖指令碼後，顯示成下面這樣，在指令碼後輸入文本就沒問題。

如果我們直接點擊【插入程式碼】按鈕，然後插入代碼後總是圖一的樣子，那麼我們可以試試驗擊【全螢幕顯示】，然後在插入代碼，這樣應該就可以了。

最終效果：