地图定位地图，带javascript源代码的地图定位，每行都有注释。
本文使用地图地图地图地图在线API地址http://union.mapbar.com/apidoc/离线CHM格式下载地址：http://union.mapbar.com/apidoc/chm/mapbarapi.rar
效果图：
Mapbar map API允许您使用JavaScript在自己的网页中嵌入Mapbar地图。API提供了许多与地图交互的方式(如http://www.mapbar.com/localsearch/index.html的网页所示)和一系列向地图添加内容的服务，这样您就可以在自己的网站上创建一个稳定的地图应用程序。公钥：复制代码：http://union.mapbar.com/apis/maps/free? F=mapiv=31.2k=acw 9 citql 7 sqt 7 ax ab 0 zdhzozsmbbsut 7 jmhtsmed 6 zil 9 nzfszht=@ jbl 979 @ iu 7 ljzwq 0 idu 9 xzmxq 7 I 9 ah 7 laaa 6 hqzzzzzzzzltbzzauxldz 77 cdd 9 ZC fgt=如果想尝试M. Apbar地图，省略申请密钥的步骤，可以本地测试(http://8internet explorer版本存在兼容性问题，需要在网页的head标签之间添加meta http-equiv=' x-ua-compatible ' content=' ie=emulate E7 '/标签，以保证地图折线功能的正确执行。
这里只有前台部分源码你需要在你的项目中创建交互式、快速动态网页应用的网页开发技术来实现定位持久化代码如下复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN ' ' http://www。w3。org/TR/XHTML 1/DTD/XHTML 1-Strict。DTD ' html xmlns=' http://www。w3。' org/1999/XHTML '头标题地图测试/title script type=' text/JavaScript ' src='http://union.mapbar.com/apis/maps/free？f=mapiv=31.2k=aCW9cItqL7 . '/script script type=' text/JavaScript ' var maplet=null；//地图对象定义变量标记=null//标记对象var le=null//缩放级别var myEventListener=null//地图点击事件句柄函数initMap()//初始化函数{ //转帖请注明出处http://Qbit.cnblogs.com le=10；//默认缩放级别Maplet=new Maplet(' mapbar ')；//这里可以初始化地图坐标比如从数据库中读取然后在页面上使用小脚本的形式//如：maplet。centerandzoom(新MPoint(%=维度%, %=经度%),%=缩放级别%);小地图。centerandzoom(新MPoint(116.38672，39.90805)，le)；//初始化地图中心点坐标并设定缩放级别maplet.addControl(新MStandardControl())；}函数setp() { if (marker)//判定是否已经添加标记{ alert('已经添加过标记了');返回；} maplet。设置模式(“书签”)；//设定为添加标记模式小地图。setcursoricon(' tb1。gif’)；//添加鼠标跟随标签myevent listener=me vent。bind(maplet，' click '，this，addp)；//注册点击事件句柄} //这里的参数要写全即使你不使用事件函数addp(event，point){ if(！marker){ marker=新的m标记(point，//坐标新MIcon('mark.gif '，24，24)，//标签ICO(图片，大小)new MInfoWindow('蔡瑞福庄河市', '史上最佳'),//标注对象新的MLabel('蔡瑞福')//小标签);马克笔。床表=真；marker . drag animation=true maplet。添加覆盖(标记)；//添加标注马克笔。设置可编辑(true)；//设定标注编辑状态小地图。设置模式(“平移”)；//设定地图为拖动（正常)状态le=地图字母。getzoomlevel()；//获取当前缩放级别文档。getelementbyid(' findp ')。风格。display=' block文档。getelementbyid(' delp ')。风格。display=' block文档。getelementbyid(' savep ')。风格。display=' block我发泄。移除监听器(我的事件监听器)；//注销事件} } //查找标记函数find(){ maplet。centerandzoom(标记。pt，le)；//定位标记} //移除所有标记函数del(){ //移除已经设定的坐标小地图。清除覆盖(true)；位置。重载()；//在重新添加的时候有点病菌我这里是直接刷新页面来重置/*文档。getelementbyid(' findp ')。风格。display=' none文档。getelementbyid(' delp ')。风格。display=' none文档。getelementbyid(' savep ')。风格。display=' nonemap let=null marker=nullmyEventListener=nullinit map()；*/} //提取标记数据函数savep() { alert('当前坐标点\n经度：' marker.pt.lon '\n维度：' marker.pt.lat '\n缩放级别：'乐);}/script/head body onload=' init map()' table width=' 501 ' trtd input type=' button ' value='添加标注onclick=' setp()'//TD TD输入类型=' button ' id=' findp ' value='查看标记style=' display:none；'onclick=' find()'//TD TD输入type=' button ' id=' delp ' value='删除标记style=' display:none；onclick=' del()'//TD TD输入类型=' button ' id=' savep ' value='保存style=' display:none；'onclick=' savep()'//TD/tr trtd colspan=' 4 ' div id=' mapbar ' style=' width:500 px；高度：300 px '/div/TD/tr/table/body/html源码下载地址：http://Xia zai . jb51 . net/2010 04/马援/mapbar.rar
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。