jQuery百度地图定位省市网点特效代码下载

jQuery百度地图定位省市网点特效代码下载

1. 引入CSS

<link href="style.css" rel="stylesheet" type="text/css">

2. 引入JS

<script type="text/javascript"src="https://api.map.baidu.com/api?v=2.0&ak=2COzFaICuIyVj7V3VetKfmdRVnX8BhVr"></script>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>

3. HTML代码

<div class="w1150">
    <div class="video-wrapper" >
        <div class="map-top clearfix">
            <div class="location-cur-pos js-cur-position">
                <span class="location-col-red" id="location-name">【湖北省】</span> 附近共有<span class="location-col-red" id="store-num">0</span>个销售网点</div>
            <div class="location-section form-section js-location-select clearfix">
                <div class="xm-select" style="float: left;">
                    <div class="dropdown">
                        <label class="iconfont" for="city">∨</label>
                        <select id="province" class="js-province" name="addr_province">
                            <option value="辽宁省">辽宁省</option>
                            <option value="北京市">北京市</option>
                            <option value="天津市">天津市</option>
                            <option value="山西省">山西省</option>
                            <option value="河北省">河北省</option>
                            <option value="山东省">山东省</option>
                            <option value="上海市">上海市</option>
                            <option value="江苏省">江苏省</option>
                            <option value="浙江省">浙江省</option>
                            <option value="安微省">安微省</option>
                            <option value="重庆市">重庆市</option>
                            <option value="贵州省">贵州省</option>
                            <option value="四川省">四川省</option>
                            <option value="河南省">河南省</option>
                            <option value="福建省">福建省</option>
                            <option value="湖北省" selected="selected">湖北省</option>
                            <option value="湖南省">湖南省</option>
                            <option value="江西省">江西省</option>
                            <option value="广东省">广东省</option>
                            <option value="广西壮族自治区">广西壮族自治区</option>
                            <option value="陕西省">陕西省</option>
                            <option value="甘肃省">甘肃省</option>
                            <option value="内蒙古自治区">内蒙古自治区</option>
                            <option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
                            <option value="青海省">青海省</option>
                            <option value="安徽省">安徽省</option>
                            <option value="广西省">广西省</option>
                            <option value="海南省">海南省</option>
                            <option value="黑龙江">黑龙江</option>
                            <option value="重庆">重庆</option>
                            <option value="新疆省">新疆省</option>
                            <option value="福建">福建</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="location-main">
            <div class="fl location-shop-con">
                <div class="search-box">
                    <input class="search-input" id="search_box_input" type="text" placeholder="请输入要检索的线下销售网点信息">
                    <span class="search-icon"></span>
                </div>
                <div class="location-shop-detail">
                    <ul class="location-list js-store" id="store-list" style="height:450px;overflow: scroll">
                    </ul>
                    <div class="xm-controls xm-controls-small js-pager-controls" page="1" style="float: left;">
                    </div>
                </div>
            </div>
            <div class="location-map">
                <div id="container" style="width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align:left;">
                </div>
            </div>
        </div>
    </div>
</div>

用户评论

18素材网

一个让开发更高效的素材分享平台,用于快速开发强大的Web界面。


官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:864918708
Css3+Html5讨论群
群号:864918708

加群请备注:从官网了解到