今天小试了一下为地图添加鱼骨,就简单的添加了一下,没有做任何设置
效果图:
- <script type="text/javascript">
- var maplet = null;
- function initMap(){
- maplet = new Maplet("mapbar");
- maplet.centerAndZoom(new MPoint(116.38672,39.90805), 8);
- maplet.addControl(new MStandardControl()); //添加鱼骨
- var marker = new MMarker(
- new MPoint(116.38672,39.90805),
- new MIcon("E:\\maptesthtml\\aa\\11.bmp",32,32)
- );
- maplet.addOverlay(marker);
- }
- </script>
如果想对鱼骨进行一些自己的小设置,比如大小、位置……可以引用下面的
- <p>本示例展示了如何设置鱼骨位置,以及如何设置鱼骨各组成部分的可见性。</p>
- 25.<p>显示位置:<select id="control_location" onchange="setControlLocation();">
- 26. <option value="LEFT_TOP" selected>左上角</option>
- 27. <option value="LEFT_BOTTOM">左下角</option>
- 28. <option value="RIGHT_TOP">右上角</option>
- 29. <option value="RIGHT_BOTTOM">右下角</option>
- 30.</select></p>
- 31.<p>设置各组成部分可见性:
- 32. <label><input type="checkbox" id="view_pan" onclick="maplet.controlCanvas.showCtlPan(this.checked);" checked> 平移控件</label>
- 33. <label><input type="checkbox" id="view_zoomout" onclick="maplet.controlCanvas.showZOButton(this.checked);" checked> 放大按钮</label>
- 34. <label><input type="checkbox" id="view_ruler" onclick="maplet.controlCanvas.showCtlRuler(this.checked);" checked> 缩放刻度尺</label>
- 35. <label><input type="checkbox" id="view_zoomin" onclick="maplet.controlCanvas.showZIButton(this.checked);" checked> 缩小按钮</label>
- 36.</p>