本文介绍了用php js对百度地图进行多点标注的方法。分享给大家参考,如下:
1.php创建json数据
$ products=$ this-product _ db-select($ where);$ products _ JSON=JSON _ encode($ products);2.2 .从JS传入的jsON数据
类似于这样的结构
var marker rarr=[{ title: '名称:广州火车站',点位:' 113.264531,23.157003 ',地址: '广东省广州市广州火车站',电话3360' 12306'},{ Title : '名称:广州塔(赤岗塔)',点位: ' 113.3309342301点:' 113.312213,23.147267 ',地址: '广东省广州市广州动物园',电话: ' 1850000000 ' },{标题3360 '名称:天河公园',点: ',13360 ',13360 .1330000003 Js擅长处理json数据
script var products _ JSON={ $ products _ JSON };//百度地图var city map=new city map(products _ JSON,‘宿迁’);/script3。使用地图
文件。write('脚本类型=' text/JavaScript ' src=' http :http://API。地图。百度。com/API?v=2.0ak=1we 8 imivxznakmujzirlz0v '/script ');函数城市地图(标记rarr,城市名称){这个。标记rarr=标记rarr;这个。城市名称=城市名称;这个。initmap=function(){ this。创建地图();//创建地图这个。setmapevent();//设置地图事件这个。addmapcontrol();//向地图添加控件};这个。create map=function(){ var map=new BMap .地图(“DituContent”);//在百度地图容器中创建一个地图map.centerAndZoom(cityName,' 13 ');window.map=map//将地图变量存储在全局//绘制点for(var I=0;我标记rarr。长度;I){ var P0=标记rarr[I].百度_ lngvar P1=标记rarr[I].百度_ latvar maker=this.addMarker(新窗口. BMap。点(p0,p1),标记rarr[I],I);this.addInfoWindow(maker,marker rarr[I],I);} };this.addMarker=函数(点,专业,索引){ var myIcon=new BMap .图标(' http://API。地图。百度。com/img/markers。' png ',新BMap .尺寸(23,25),{ offset:新BMap .尺寸(10,25),imageOffset:新BMap .Size(0,0-index * 25)});定义变量标记=新的BMap .标记(点,{ icon : my icon });map.addOverlay(标记);定义变量标签=新BMap .标签(pro.name,{offset:new BMap .大小(20,-10)});//设置标签样式标签。setstyle({ color : ' # CC3333 ',fontSize : '13px ',backgroundColor :'#CCFFFF ',边框:'0 ',字体粗细: ' bold ' });marker.setLabel(标签);返回标记;};这个。addinfoindow=function(marker,pro) { //pop弹窗标题var title=' div style=' font-weight : bold;color : # ce 5521 font-size :14 px ' a href='?m=homec=产品id=' pro。id ' ' ' pro。名称'/a/div ';//pop弹窗信息var html=[];html。push('表格单元格间距=' 0 ' style='表格-布局:固定;宽度:100%;font:12px arial,simsun,sans-serif ' t body ');html。push(' tr ');html。push(' TD style='垂直-顶部对齐:行高:16 px宽度:38 px空白:无说唱;word-break:keep-all '地址:/TD ';html。push(' TD style='垂直-顶部对齐:行高:16 px ' ' pro。地址'/TD ');html。push('/tr ');html。push('/t body/table ');var infoWindow=新BMap .InfoWindow(html.join(' '),{ title: title,width : 200 });var openInfoWinFun=function(){ marker。openinfowindow(信息窗口);};marker.addEventListener('click ',openInfoWinFun);返回openInfoWinFun}这个。setmapevent=function(){ map。enable draging();//启用地图拖拽事件,默认启用(可不写)//地图。enablescrolheelzoom();//启用地图滚轮放大缩小地图。enabledoubleclickzoom();//启用鼠标双击放大,默认启用(可不写)地图。启用键盘();//启用键盘上下左右键移动地图};这个。addmapcontrol=function(){//向地图中添加缩放控件var ctrl_nav=新的BMap .导航控件({ ANCHOR : bmap _ ANCHOR _ TOP _ LEFT,type : bmap _ NAVIGATION _ CONTROL _ LARGE });地图。add control(ctrl _ nav);//向地图中添加缩略图控件var ctrl _ ove=新的BMap .概述mapcontrol({ ANCHOR : bmap _ ANCHOR _ BOTTOM _ RIGHT,iso pen :1 });地图。add control(ctrl _ love);//向地图中添加比例尺控件var ctrl_sca=新的BMap .比例控制({ ANCHOR : bmap _ ANCHOR _ BOTTOM _ LEFT });地图。add control(ctrl _ SCA);};这个。initmap();}更多关于服务器端编程语言(专业超文本预处理器的缩写)相关内容感兴趣的读者可查看本站专题: 《php curl用法总结》 、 《PHP数组(Array)操作技巧大全》 、 《php排序算法总结》 、 《PHP常用遍历算法与技巧总结》 、 《PHP数据结构与算法教程》 、 《php程序设计算法总结》 、 《PHP数学运算技巧总结》 、 《php正则表达式用法总结》 、 《PHP运算与运算符用法总结》 、 《php字符串(string)用法总结》 及《php常见数据库操作技巧汇总》
希望本文所述对大家服务器端编程语言(专业超文本预处理器的缩写)程序设计有所帮助。