百度地圖的Icon


在百度地圖的類說明中,查看對Icon的構建:

定制IconOptions

看下面的差別

發現在IconOptions沒有imageSize屬性

而在實際測試中,代碼如下

    <script type="text/javascript"> 
        var map = new BMap.Map("container");          // 創建地圖實例  
        var point = new BMap.Point(116.404, 39.915);  // 創建點坐標  
        map.centerAndZoom(point, 15);                 // 初始化地圖,設置中心點坐標和地圖級別  
        
        var myicon = new BMap.Icon(
        'http://webmap0.map.bdstatic.com/wolfman/static/common/images/us_cursor_9517a2b.png', // 百度圖片
        new BMap.Size(10,22), // 視窗大小
        {
          imageSize: new BMap.Size(144,92), // 引用圖片實際大小
          imageOffset:new BMap.Size(-10,0) // 圖片相對視窗的偏移
        }
     );
var marker = new BMap.Marker(point,{icon:myicon}); map.addOverlay(marker); </script>

而實際中需要使用到imageSize屬性,我將其放到IconOptions中,可以使用,到達效果。

百度圖片http://webmap0.map.bdstatic.com/wolfman/static/common/images/us_cursor_9517a2b.png

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM