哈哈,直接拿過來用,就能實現簡單標註,不錯哦
點擊圖標,彈出信息窗口,顯示想要的內容(固然你能夠根據本身須要對內容進行填充活更改)javascript
固然對於信息窗口的大小定義也能夠根據本身的須要進行調整,更多信息請關注這裏
- <script type="text/javascript">
- var maplet = null;
- function initMap(){
- maplet = new Maplet("mapbar");
- maplet.centerAndZoom(new MPoint(116.38749,39.90515), 8);
- maplet.addControl(new MStandardControl());
- var marker = new MMarker(
- new MPoint(116.38749,39.90515),
- new MIcon("E:\\maptesthtml\\aa\\11.bmp",32,32),
- new MInfoWindow("天安門","首都")
- ); //補充想要的內容
- maplet.addOverlay(marker);
- //marker.openInfoWindow(); 直接彈出標註信息窗口
- }
- </script>
固然經過更改你也能夠給他增長一個邊框
java
- new MInfoWindow("<p>天安門</p><div style='width:270px;height:150px;border:1px solid gray' <p>天安門位於×××首都北京市區中心</p></div>")
效果圖
api
不知道怎麼在框內插入圖片,研究中……待續(同時但願高人指點一下,謝謝)
ide
這樣更改能夠實現添加圖片學習
- new MInfoWindow("<p>天安門</p><div><img src='http://open.mapbar.com/p_w_picpaths/logo_api.png'/></div>")
這樣更改能夠實如今邊框中加圖片
spa
- 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>")