<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>百度地图API销售网点定位代码 - 更多源码【www.96flw.com】</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript"src="https://api.map.baidu.com/api?v=2.0&ak=2COzFaICuIyVj7V3VetKfmdRVnX8BhVr"></script>
</head>
<body>
<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>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script>
var map = new BMap.Map("container"); // 创建地图实例 // 初始化地图，设置中心点坐标和地图级别
map.centerAndZoom("深圳",15);
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl());
$(function(){
getNowPos();
getLocal("province="+provinceName);
//省市下拉框查找网点
/*$("#province").change(function(){
var provinceName=$(this).val();
$("#location-name").html("【"+provinceName+"】");
getLocal("province="+provinceName);
})*/
//根据门店的名称查找网点
/* $("span.search-icon").click(function(){
var content=$("#search_box_input").val();
if(content==""){
alert("请输入线下销售网点的信息");
return false;
}
getLocal("content="+content);
})*/
});
//搜索框按键查询
/*$(document).keyup(function (e) {//捕获文档对象的按键弹起事件
if (e.keyCode == 13) {//按键信息对象以参数的形式传递进来了
//此处编写用户敲回车后的代码
$("span.search-icon").click();
}
});*/
function getNowPos(){
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
var mk = new BMap.Marker(r.point);
map.addOverlay(mk);//标出所在地
map.panTo(r.point);//地图中心移动
var point = new BMap.Point(r.point.lng,r.point.lat);//用所定位的经纬度查找所在地省市街道等信息
var gc = new BMap.Geocoder();
gc.getLocation(point, function(rs){
var addComp = rs.addressComponents;
$("#location-name").html("【"+addComp['province']+"】");
$("#province option[value='"+addComp['province']+"']").attr("selected", true);
getLocal("province="+addComp['province']);
});
}else {
alert('failed'+this.getStatus());
}
},{enableHighAccuracy: true})
}
var marker;
function getLocal(urlData){
//Ajax.call('Marketing2.php?act=getlocal',urlData,returnToCartResponse,'POST', 'TEXT', true, true);
//function returnToCartResponse(result){
result=[{"id":"515","province":"\u6e56\u5317\u7701","area":"\u5b9c\u660c","shopname":"\u77e5\u6765\u667a\u80fd\u79d1\u6280","shopaddr":"\u6e56\u5317\u7701\u5b9c\u660c\u5e02\u5747\u7476\u5e7f\u573a\u4e00\u697c\u77e5\u6765\u667a\u80fd\u4f53\u9a8c\u9986","location":"111.31098109196,30.732757818026"},{"id":"516","province":"\u6e56\u5317\u7701","area":"\u6b66\u6c49","shopname":"\u6b66\u6c49\u89e3\u653e\u5927\u9053\u4f18\u8da3\u5e97","shopaddr":"\u6e56\u5317\u7701\u6b66\u6c49\u5e02\u6c5f\u6c49\
百度地图API销售网点定位代码.zip
版权申诉
5星 · 超过95%的资源 18 浏览量
2023-10-10
23:47:01
上传
评论
收藏 42KB ZIP 举报 
百度地图API销售网点定位代码.zip （6个子文件） 
jiaoben7601 
style.css 5KB
pos.png 1KB bd1.png 595B bd2.png 549B js jquery-1.11.0.min.js 94KB
index.html 14KB资源评论
qq9363809112024-01-27果断支持这个资源，资源解决了当前遇到的问题，给了新的灵感，感谢分享~
码云笔记
- 粉丝: 2w+
- 资源: 5852
