# map生成位置地圖 ## map生成位置地圖 與內置的地圖位置選取插件生成百度地圖、高德地圖。 > 2.1.220504版本起 ## 示例 默認模板示例，$Info 為內容 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>map htmlid<span class="token">=</span><span class="token4">"dituContent"</span> attr<span class="token">=</span><span class="token4">"class='diyclass' style='width:1800px;height:400px'"</span> title<span class="token">=</span><span class="token4">"$Info['company']"</span> address<span class="token">=</span><span class="token4">"$Info['address']"</span> scale<span class="token">=</span><span class="token4">"19"</span> point<span class="token">=</span><span class="token4">"$Info['point']"</span><span class="token1">}</span> ``` ``` ## 參數說明 參數名稱可選值默認值是否必填說明htmlid-dituContent-div標簽 id屬性，你可以使用該ID寫樣式attr---div標簽屬性，注意attr里面使用單引號title---地圖面板標題address---地圖面板地址scale-19-放大級別point---經緯度信息，格式為json，例如：{"lng":116.404,"lat":39.915}**完整流程：** 1. 增加模型字段，**附加屬性**增加如下配置，data-point 用于選擇位置后填充到哪個輸入框，data-address 用于選擇位置后返回的詳細地址填充到哪個輸入框 `data-toggle="address",data-point="frm-point",data-address="frm-address"`  2. 選擇位置  3. 模板調用： ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>map htmlid<span class="token">=</span><span class="token4">"dituContent"</span> title<span class="token">=</span><span class="token4">"$Info['company']"</span> address<span class="token">=</span><span class="token4">"$Info['address']"</span> scale<span class="token">=</span><span class="token4">"19"</span> point<span class="token">=</span><span class="token4">"$Info['point']"</span><span class="token1">}</span> ``` ```