標註添加信息窗口

哈哈,直接拿過來用,就能實現簡單標註,不錯哦
點擊圖標,彈出信息窗口,顯示想要的內容(固然你能夠根據本身須要對內容進行填充活更改)javascript


代碼:
 html

  
  
  
  
  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>  
固然對於信息窗口的大小定義也能夠根據本身的須要進行調整,更多信息請關注這裏

 固然經過更改你也能夠給他增長一個邊框
 java

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

效果圖
 api

不知道怎麼在框內插入圖片,研究中……待續(同時但願高人指點一下,謝謝)
 ide

這樣更改能夠實現添加圖片學習

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


這樣更改能夠實如今邊框中加圖片
spa

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

 

 



哈哈,但願你們和我一塊兒學習xml

相關文章
相關標籤/搜索