操作百度地圖API總結

來源:互聯網
上載者:User

 <script type="text/javascript">
        //var map = new BMap.Map("container");          // 建立地圖執行個體
        //        var point = new BMap.Point(116.404, 39.915);  // 建立點座標
        //        map.centerAndZoom(point, 15);                 // 初始化地圖,設定中心點座標和地圖層級
        //        var map = new BMap.Map("container");
        //        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
        //        map.addEventListener("click", function () {
        //            alert("您點擊了地圖。");
        //        });
        //        var marker = new BMap.Marker();

        // var map = new BMap.Map("container");            // 建立Map執行個體
        //        var myCity = new BMap.LocalCity();
        //        var map = new BMap.Map("container");
        //        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
        //        // 建立位址解析器執行個體 
        //        var myGeo = new BMap.Geocoder();
        //        // 將位址解析結果顯示在地圖上,並調整地圖視野 
        //        myGeo.getPoint("北京市海澱區上地10街10號", function (point) {
        //            if (point) {
        //                map.centerAndZoom(point, 16);
        //                map.addOverlay(new BMap.Marker(point));
        //            }
        //        }, "北京市");

        //        var point = new BMap.Point(116.404, 39.915);    // 建立點座標
        //        map.centerAndZoom(point, 15);

        //function getPoints(result) {
        ///////////////////////////////////////////////////本地搜尋
        var map = new BMap.Map("container");
        map.addEventListener("load", function (e) {
            var local = new BMap.LocalSearch("杭州", {
                renderOptions: {
                    map: map
                },
                onSearchComplete: function (results) {
                    var status = local.getStatus();
                    cc(status);
                }
            });
            local.search("dsfsdfgsdfg");
            function cc(status) {
                if (status == 0) {
                    local.setMarkersSetCallback(searchResultFunction)
                    function searchResultFunction(pois) {
                        var markerPoint;
                        var marker = new BMap.Marker(map.getCenter());
                        map.addOverlay(marker);
                        marker.enableDragging(true);
                        marker.setTitle('請拖拽此標註到您公司的所在位置');
                        marker.openInfoWindow(new BMap.InfoWindow('請拖拽此標註到您公司的所在位置'));
                        marker.addEventListener("dragend", function (event) {
                            markerPoint = marker.getPosition();
                            // $('#hdfCompanyMapPoint').val(markerPoint.lng + ' ' + markerPoint.lat);
                        });
                        marker.addEventListener('click', function () {
                            marker.openInfoWindow(new BMap.InfoWindow('請拖拽此標註到您公司的所在位置'));
                        })
                        if (!markerPoint) {
                            markerPoint = marker.getPosition();
                        }
                    }
                } else {
                    var markerPoint;
                    var marker = new BMap.Marker(map.getCenter());
                    map.addOverlay(marker);
                    marker.enableDragging(true);
                    marker.setTitle('請拖拽此標註到您公司的所在位置');
                    marker.openInfoWindow(new BMap.InfoWindow('請拖拽此標註到您公司的所在位置'));
                    marker.addEventListener("dragend", function (event) {
                        markerPoint = marker.getPosition();
                       // $('#hdfCompanyMapPoint').val(markerPoint.lng + ' ' + markerPoint.lat);
                    });
                    marker.addEventListener('click', function () {
                        marker.openInfoWindow(new BMap.InfoWindow('請拖拽此標註到您公司的所在位置'));
                    })
                    if (!markerPoint) {
                        markerPoint = marker.getPosition();
                    }
                }
            }
        });
        map.centerAndZoom("杭州");

 

        //            var pt = new BMap.Point(result.center.lng, result.center.lat);
        //            map.centerAndZoom(pt, 15);

        //            var gc = new BMap.Geocoder();
        //            map.addEventListener("click", function (e) {
        //                var pt = e.point;
        //                gc.getLocation(pt, function (rs) {
        //                    var addComp = rs.addressComponents;
        //                    var marker = new BMap.Marker(rs.point);
        //                    map.addOverlay(marker);
        //                    //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
        //                });
        //            });
        ////////////////////////////////////////////////////////////////////根據位置解析位置
        //            var map = new BMap.Map("container");
        //            map.centerAndZoom(point1, 11);
        //            // 建立位址解析器執行個體
        //            var myGeo = new BMap.Geocoder();
        //            // 將位址解析結果顯示在地圖上,並調整地圖視野
        //            myGeo.getPoint("80號", function (point) {
        //                if (point) {
        //                    map.centerAndZoom(point, 16);
        //                    var marker = new BMap.Marker(point);
        //                    map.addOverlay(marker);
        //                }
        //            }, "寧波市");
        /////////////////////////////////////根據座標解析位置
        //            var map = new BMap.Map("container");
        //            var pt = new BMap.Point(result.center.lng, result.center.lat);
        //            map.centerAndZoom(pt, 15);

        //            var gc = new BMap.Geocoder();
        //            map.addEventListener("click", function (e) {
        //                var pt = e.point;
        //                gc.getLocation(pt, function (rs) {
        //                    var addComp = rs.addressComponents;
        //                    var marker = new BMap.Marker(rs.point);
        //                    map.addOverlay(marker);
        //                    alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
        //                });
        //            });

        /////////////////////////////////////////
        //var ss = map.getZoom();
        //            var marker = new BMap.Marker();
        //            map.addOverlay(marker);
        //            marker.enableDragging(true);

        //        var local = new BMap.LocalSearch(map, {
        //            renderOptions: { map: map, autoViewport: true, selectFirstResult: true }
        //        });
        // local.search("院士路66號創業大廈");
        //        var myCity = new BMap.LocalCity();
        //        myCity.get(myFun);
        //        var geocoder = new BMap.Geocoder();
        //        geocoder.getPoint("教工路516號", getPoints, "杭州市");
    </script>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.