哈哈，直接拿过来用，就能实现简单标注，不错哦
点击图标，弹出信息窗口，显示想要的内容（当然你可以根据自己需要对内容进行填充活更改）

标注添加信息窗口_休闲
代码：
 

  1. <script type="text/javascript">    
  2.         var maplet = null;     
  3.         function initMap(){     
  4.             maplet = new Maplet("mapbar");     
  5.            maplet.centerAndZoom(new MPoint(116.38749,39.90515), 8);     
  6.            maplet.addControl(new MStandardControl());     
  7.     
  8.             var marker = new MMarker(     
  9.                 new MPoint(116.38749,39.90515),     
  10.                 new MIcon("E:\\maptesthtml\\aa\\11.bmp",32,32),     
  11.                 new MInfoWindow("天安门","首都")     
  12.             );   //补充想要的内容  
  13.     
  14.             maplet.addOverlay(marker);     
  15.     
  16.             //marker.openInfoWindow(); 直接弹出标注信息窗口    
  17.       }     
  18.  </script>  
当然对于信息窗口的大小定义也可以根据自己的需要进行调整，更多信息请关注这里

标注添加信息窗口_职场_02

 当然通过更改你也可以给他增加一个边框
 

  1. new MInfoWindow("<p>天安门</p><div style='width:270px;height:150px;border:1px solid gray' <p>天安门位于×××首都北京市区中心</p></div>")  

效果图
 

标注添加信息窗口_mapbar 标注 信息窗口调整_03

不知道怎么在框内插入图片，研究中……待续（同时希望高人指点一下，谢谢）
 

这样更改可以实现添加图片

  1. new MInfoWindow("<p>天安门</p><div><img src='http://open.mapbar.com/p_w_picpaths/logo_api.png'/></div>")  

标注添加信息窗口_职场_05


这样更改可以实现在边框中加图片

  1. new MInfoWindow("<p>天安门</p><div style='width:220px;height:150px;border:1px solid gray' ><img src='http://open.mapbar.com/p_w_picpaths/logo_api.png'/></div>")  

 

 

标注添加信息窗口_mapbar 标注 信息窗口调整_06

哈哈，希望大家和我一起学习