之前總覺得什么插件，框架。。都有api和既有的套路去實現(xiàn)，會很容易實現(xiàn)。。。。。然而今天把百度地圖用于公司設(shè)備的網(wǎng)點地圖，還是耗時挺多的~~這里僅僅是為了記錄一下完成了這個功能！就是把所有點都顯示在地圖上，開始不知道有方法了，自己想應(yīng)該怎么去實現(xiàn)，怎么才能把所有點放在地圖里面，獲取所有點x、y的最大最小值。。。。。哈哈，后面才發(fā)現(xiàn)百度已經(jīng)有做這個方法，直接扔數(shù)組進去就o了~~~~~

網(wǎng)站用了jeecms,這里就只放js

    var arr= [];
    var li = [];

    [@cms_content_list typeId='1' count='100' channelId='103' orderBy='4']
        [#list tag_list as a5]
            arr.push([${a5.attr.site}, '${a5.title}', '${a5.attr.xxdz}']);
        [/#list]
    [/@cms_content_list]

    for(var j=0; j<arr.length; j++){
        li.push(new BMap.Point(arr[j][0],arr[j][1]));
    }

    var map = new BMap.Map("map-box");  // 創(chuàng)建地圖實例  
        map.enableScrollWheelZoom(true);
        map.setViewport(li);    //設(shè)置所有點都在地圖上

    for(var i = 0; i<arr.length; i++){
        var opts = {
            width : 250,
            offset   : new BMap.Size(0, -22),
            title : '<span class="iwTitle" title="'+ arr[i][2] +'">'+ arr[i][2] +'</span>', // 信息窗口標題 
        };
        var content = '<span class="iwContent" title="'+ arr[i][3] +'">'+ arr[i][3] +'</span>';
        // 創(chuàng)建標注對象并添加到地圖 
        var marker = new BMap.Marker(new BMap.Point(arr[i][0], arr[i][1]));    
        map.addOverlay(marker);
        addClickHandler(content,marker,opts);
    }

    function addClickHandler(content,marker,opts) {
        marker.addEventListener("click",function(e){
            openInfo(content,e,opts)}
        );
    }
    function openInfo(content,e,opts){
        var p = e.target;
        var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
        var infoWindow = new BMap.InfoWindow(content,opts);  // 創(chuàng)建信息窗口對象 
        map.openInfoWindow(infoWindow,point); //開啟信息窗口
    }

總結(jié)

以上是生活随笔為你收集整理的百度地图做网点地图-jeecms的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。