评论：仿美团百度地图(原创)  [查看原文]

代码已经注释很全了，主要调用

<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/index.js"></script>

城市选择三级联动，自己可以手动添加

<div class="layui-form">
    <div class="form-item">
        <label>省/市/区</label>
        <select name="Province" class="store_Province" style="width:200px;">
                    <option value="">请选择省</option>
                    <option value="广东省">广东省</option>
                </select>
        <select name="City" class="store_City" style="width:200px;">
                    <option value="">请选择市</option>
                    <option value="广州市">广州市</option>
                </select>
        <select name="Area" class="store_Area" style="width:200px">
                    <option value="">请选择县/区</option>
                    <option value="天河区">天河区</option>
                    <option value="番禺区">番禺区</option>
                    <option value="越秀区">越秀区</option>
                    <option value="荔湾区">荔湾区</option>
                </select>
    </div>
</div>
<div class="form-item">
    详细地址
    <input type="text" class="layui-input store_Address" style="width:623px;" maxlength="300" name="Address" id="address" placeholder="详细至门牌号, 与营业执照地址一致" />
    <img src="img/location.png" style="width:20px;top: 5px; position: relative;" id="btnLocation" />
</div>

地图展示html加上就行了。

<div class="form-item">
    <div style="width:710px">
        <div id="myMap" style="width:100%;height:400px;"></div>
    </div>
</div>
<input type="hidden" class="store_Lng" />
<input type="hidden" class="store_Lat" />