重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
百度地图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);
});
})
})
一般来说,PHP采集数据最简单的办法是使用file_get_content函数,功能更强大的推荐使用cURL函数库。
如何在页面中调用百度地图,直接在你想要插入的页面上调用百度地图代码即可
百度地图调用API地址:
1.设置定位中心:直接搜索你要找的位置即可。
调用百度地图代码
2.设置地图:设置地图样式,如大小,显示,功能等。
3.添加标注:添加你要标注的地方,自定义坐标位置
4.获取代码:点击获取代码即可,在你要插入百度地图的地方出入百度地图代码
只要插入!--引用百度地图API--部分的代码就行。
这个直接看百度地图的api啊···其实html就可以了···php只是用来记录坐标什么的有用·给你个例子吧·
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
style type="text/css"
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
/style
script type="text/javascript" src=";ak=您的密钥"/script
title百度地图的Hello, World/title
/head
body
div id="allmap"/div
/body
/html
script type="text/javascript"
var map = new BMap.Map("allmap"); // 创建Map实例
var point = new BMap.Point(116.404, 39.915); // 创建点坐标
map.centerAndZoom(point,15); // 初始化地图,设置中心点坐标和地图级别。
map.enableScrollWheelZoom(); //启用滚轮放大缩小
/script
这都是百度地图上的····自己去研究一下吧··
是传入地址获取地址的经纬度吗?
以下是一个关于地理编码的简单示例。发送一个地址是“百度大厦”的请求,返回该地址对应的地理坐标。发送请求的url如下:
$return = file_get_contents(百度大厦output=jsonak=E4805d16520de693a3fe707cdc96204);
这样就获取到返回的数据拉
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
style
#map_canvas{
width:600px; height:450px; padding:4px;
}
#code_list {
background: none repeat scroll 0 0 #FFFF99;
border: 1px solid #000000;
font-size: 0.8em;
line-height: 1.3em;
padding: 5px;
}
/style
script src=";v=2key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBAhl=zh-CN"
type="text/javascript"/script
script src="scripts/jquery-1.4.4.min.js"/script
script src="jquery.googlemaps.js" type="text/javascript"/script
script type="text/javascript"
$(document).ready(function() {
$('#map_canvas').googleMaps({
//设置地图中心点
latitude: ?php echo '42.351505';?,
longitude: ?php echo '-71.094455';?,
//标注
markers: {
latitude: ?php echo '42.351505';?,
longitude:?php echo '-71.094455';?
}
});
});
/script
title无标题文档/title
/head
body
div style="float:left"
h3Map Examples/h3
div id="map_canvas"/div
/div
/body
/html