1.遇到的困惑：
在上一個(gè)項(xiàng)目，做一個(gè)公司考勤功能牺氨，需要在后臺(tái)管理系統(tǒng)中選擇公司地點(diǎn)，然后設(shè)置半徑墩剖，在定位半徑之內(nèi)打卡是算在公司內(nèi)的猴凹；
這時(shí)候，點(diǎn)擊按鈕岭皂，是需要彈出alert框郊霎，
就像上圖，但是在模態(tài)框中插入地圖當(dāng)時(shí)還沒(méi)做過(guò)爷绘，嘗試著用之前用的比較順手的bootbox模態(tài)框來(lái)裝地圖书劝，但是修修改改，最終沒(méi)有成功
2.如何解決的：
在同事的啟發(fā)下土至，說(shuō)bootstrap的模態(tài)框也挺好用购对，所以就去查了下bootstrap模態(tài)框的使用，確實(shí)很簡(jiǎn)單明了毙籽，可以直接在HTML里面寫(xiě)標(biāo)簽洞斯，不用像之前bootbox需要在JS控制器里面寫(xiě)HTML，特難受坑赡，每一個(gè)都要用‘’包裹起來(lái)烙如；
一個(gè)靜態(tài)的模態(tài)框窗口實(shí)例
上述模態(tài)框（modal）的部分是不顯示的，里面id="myModal",與data-target是綁定的毅否，點(diǎn)擊button后就能彈出模態(tài)框亚铁，顯示模態(tài)框部分，十分方便螟加，都不需要在JS中寫(xiě)東西徘溢；還有吞琐，這個(gè)模態(tài)框需要在bootstrap插件的引入的前提下來(lái)使用；
class=“modal-header”是模態(tài)框的頭部然爆，里面是標(biāo)題站粟；接下來(lái)的modal-body就是來(lái)裝主體的，你所要展示的內(nèi)容曾雕；modal-footer就是確定和取消的按鈕
3.還有這個(gè)百度地圖API的使用奴烙，準(zhǔn)備下次空的再來(lái)分享一下，這個(gè)也是比較使用的插件剖张，像現(xiàn)在的外賣定位切诀，導(dǎo)航，都需要使用這個(gè)插件搔弄，但是想調(diào)試好用也有點(diǎn)麻煩幅虑。
