扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
放入google或者百度的地图跟php没关系,这2个API都是用js来调用的,你可以搜索google地图api或者百度地图api 应该会出来你想要的结果了
专注于为中小企业提供网站制作、做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业织金免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千多家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
百度地图api结合jquery ajax提交终于弄好了
function getStore(obj){
for (var i = 0; i obj.length; i ++) {
var p0 = obj[i].point.split(",")[0];
var p1 = obj[i].point.split(",")[1];
var points = new BMap.Point(p0,p1);
var sContent = '' + ''+obj[i].store_name+''+ '
' + '地址:'+obj[i].address+'
电话:'+obj[i].store_tel+'
简介:'+obj[i].about+'
' + '店铺星级:
去逛逛'+ '';
var cate=obj[i].category;
var icon = new BMap.Icon('__PUBLIC__/Img/point.png', new BMap.Size(30, 45), {
infoWindowAnchor: new BMap.Size(10, 0)//设置标注图片
});
addMarker(points,sContent,icon);
}
}
//上面是通过json交互过来的数据处理把店铺坐标和相关的信息标注到页面
$(function(){
window.onload = function() {
$.get('__URL__/searchStore',function(json){
getStore(json);
});
}
$(".wstore").click(function(){
map.clearOverlays();//清楚全部重新加载
var c=$(this).attr('val');
$.get('__URL__/searchStore',{c:c},function(json){
getStore(json);
});
})
$("#submit").click(function(){
map.clearOverlays();
//搜索店铺
$.post('__URL__/searchStore',{name:$("#search").val()},function(json){
getStore(json);
});
})
})
1,第一步当然是建立百度地图放置的容器嘛,这个不解释
div class="s_r" style="float:left;width:680px;height:620px;margin-top:10px " id="container2"/div
2,地图旁增加一排文字,把标注点的信息一个一个都列出来,这个以后要用于和地图上的标注连接起来的,在这边点击一下,地图那边标注相应的点就弹出提示信息了,样式就是如下
ul
u class="name"a href="" target="_blank"id="list0"标注点1/a/u
li 简介1/li
uclass="name"a href="" target="_blank"id="list1"标注点2/a/u
li 简介2/li
/ul
这个东西不要手工写,最好用php把数组循环出来写进去,这个数组就是你要标注的点的所有信息啊,比如名字,电话,标注点的经纬度,数据库的id号等等,因为后面在javascript中也要用到这个php的数组,保持顺序一致是很重要的,不要问我这个数组哪里来,这个问自己...,我这边的是这样写的,$areashoplist就是准备好的数组,$key是数组中元素的顺序,写在这里便于以后分辨连接.
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流