百度地图api点击 自定义的标注,弹出公交车、驾车那个框。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了百度地图api点击 自定义的标注,弹出公交车、驾车那个框。相关的知识,希望对你有一定的参考价值。

当我点击这个A点时,会弹出类似
这样的框出来,是怎么做?
点击自定义标注

function Zone() var content = '<div id="ctt" >' +'<img id="img" src="rrr.png" alt="" />' + '地址:***************<br/>电话********************<br/>简介:*******************************' + '</div>'; //创建检索信息窗口对象 var searchInfoWindow = null; searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, title : "***********", //标题 width : 290, //宽度 height : 105, //高度 panel : "panel", //检索结果面板 enableAutoPan : true, //自动平移 searchTypes :[ BMAPLIB_TAB_SEARCH, //周边检索 BMAPLIB_TAB_TO_HERE, //到这里去 BMAPLIB_TAB_FROM_HERE //从这里出发 ] ); var marker = new BMap.Marker(poi); //创建marker对象 //marker.enableDragging(); //marker可拖拽 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 marker.addEventListener("click", function(e) searchInfoWindow.enableAutoPan();//打开窗口自动平移 searchInfoWindow.open(marker); ) map.addOverlay(marker); //在地图中添加marker searchInfoWindow.open(marker); //在marker上打开检索信息串口 参考技术A 这是输入的地点啊

手机网页,点击直接打开百度地图app

 <p><a href="baidumap://map/direction?mode=[transit:公交,driving:驾车]&origin=纬度,经度&destination=纬度,经度?ion=城市代码" class="map">查看地图公交/驾车去这里</a></p>调用了app

 

 <p><a href="http://api.map.baidu.com/marker?location=39.916979519873,116.41004950566&title=目的位置&content=百度奎科大厦&output=html">adsasdasdasdasdasdasdasd</a></p> 网页打开

 

 <p><a href="http://map.baidu.com/mobile/" class="map">查看地图公交/驾车去这里</a></p>百度地图首页

 

以上是关于百度地图api点击 自定义的标注,弹出公交车、驾车那个框。的主要内容,如果未能解决你的问题,请参考以下文章

如何使用百度地图查询出行路线

如何使用百度地图查询出行路线

手机网页,点击直接打开百度地图app

如何实现百度地图上显示多个自定义内容不一样的标注

使用百度地图JavaScript实现驾车/公交/步行导航功能

百度地图怎么设置