哈哈,直接拿过来用,就能实现简单标注,不错哦
点击图标,弹出信息窗口,显示想要的内容(固然你能够根据本身须要对内容进行填充活更改)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>")