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

标注添加信息窗口_第1张图片
代码:
 

   
   
   
   
  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>  
当然对于信息窗口的大小定义也可以根据自己的需要进行调整,更多信息请关注这里

标注添加信息窗口_第2张图片

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

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

效果图
 

标注添加信息窗口_第3张图片

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

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

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

标注添加信息窗口_第4张图片


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

   
   
   
   
  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>")  

 

 

标注添加信息窗口_第5张图片

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