怎么再PHP 页面样式中加入地图？

页面样式如果指的是HTML 页面的话是不需要涉及任何后端语言的。

以百度地图为例 网页链接到创建地图界面

下面有个复制代码 就可以在你自己的页面进行地图引用

1,第一步当然是建立百度地图放置的容器嘛,这个不解释

<div class="s_r" style="float:leftwidth:680pxheight:620pxmargin-top:10px " id="container2"></div>

2,地图旁增加一排文字,把标注点的信息一个一个都列出来,这个以后要用于和地图上的标注连接起来的,在这边点击一下,地图那边标注相应的点就d出提示信息了,样式就是如下

<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是数组中元素的顺序,写在这里便于以后分辨连接.

百度地图api结合jquery ajax提交终于弄好了

function getStore(obj){

for (var i = 0i <obj.lengthi ++) {

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)

})

})

})

---