高德地图初学—（1）

最新推荐文章于 2023-07-05 16:02:41 发布

小星_day

最新推荐文章于 2023-07-05 16:02:41 发布

阅读量2k

点赞数

分类专栏：高德地图API 文章标签：高德地图 javascript api

本文链接：https://blog.csdn.net/xingxing1828/article/details/21076781

版权

本文介绍了初学者使用高德地图API时遇到的问题，包括坐标偏移问题和自定义图标时的偏移量调整。建议使用高德定位API获取准确经纬度以避免坐标系偏差，并提供了坐标偏移修正的解决方案。

摘要由CSDN通过智能技术生成

高德地图：

api函数在线查询地址： http://code.autonavi.com/javascript/reference/map

demo展示地址：http://code.autonavi.com/javascript/example/num/0104

开发的使用高德地图进行绘图的demo：

全部-协议-会员
城市名-城市id-金额-间夜-平均房价-东经-北纬
//var _htlCityInfo = {
//    HtlAllInfo: [{ Name: "北京", UID: "1", Price: 228090, NightPrice: 522, AvgPrice: 437, East: 116.24, North: 39.55 }, { Name: "上海", UID: "2", Price: 23890, NightPrice: 433, AvgPrice: 450, East: 121.29, North: 31.14}],
//    HtlArgInfo: [{ Name: "南京", UID: "3", Price: 228090, NightPrice: 522, AvgPrice: 437, East: 118.46, North: 32.03 }, { Name: "上海", UID: "2", Price: 23890, NightPrice: 433, AvgPrice: 450, East: 121.29, North: 31.14}],
//    HtlMbrInfo: [{ Name: "北京", UID: "1", Price: 228090, NightPrice: 522, AvgPrice: 437, East: 116.24, North: 39.55 }, { Name: "南京", UID: "3", Price: 23890, NightPrice: 433, AvgPrice: 450, East: 118.46, North: 32.03}]
//};


//..高德地图
var hotelCityMap = {
    _selType: "All",
    init: function () {
        hotelCityMap.drawDropSel();
        //绘制地图
    },
    drawDropSel: function () {
        var _htlCityTypeSelID = $('#htlCityTypeSelID');

        _htlCityTypeSelID.empty();
        //判断是否有协议，会员酒店
        //全部-0，协议-1，会员-2
        if (_cfgInfo.HasMemHotelProduct == "T" && _cfgInfo.HasAgrHotelProduct == "T") {
            _htlCityTypeSelID.append('<label><input type="radio" name="option" checked value="0">全部</label><label><input type="radio" name="option" value="1">协议</label><label><input type="radio" name="option" value="2">会员</label>');
            hotelCityMap._selType = "All";
            //地图数据
            //hotelCityMap.mapSelect(_htlCityInfo.HtlAllInfo);
        } else if (_cfgInfo.HasMemHotelProduct == "F" && _cfgInfo.HasAgrHotelProduct == "T") {
            _htlCityTypeSelID.append('<label><input type="radio" name="option" checked value="1">协议</label>');
            hotelCityMap._selType = "Agr";
            //
            //hotelCityMap.mapSelect(_htlCityInfo.HtlArgInfo);
        } else if (_cfgInfo.HasMemHotelProduct == "T" && _cfgInfo.HasAgrHotelProduct == "F") {
            _htlCityTypeSelID.append('<label><input type="radio" name="option" checked value="2">会员</label>');
            hotelCityMap._selType = "Mbr";
            //
            //hotelCityMap.mapSelect(_htlCityInfo.HtlMbrInfo);
        } else {
            _htlCityTypeSelID.css('display', 'none');
        }

        //ajax获取数据，绘制地图
        hotelCityMap.ajaxMapDataInfo(hotelCityMap._selType);

        //事件绑定
        _htlCityTypeSelID.find('input').unbind('click');
        _htlCityTypeSelID.find('input').bind('click', hotelCityMap.onDataClick);
    },
    _timeout: null,
    ajaxMapDataInfo: function (type) {
        var _ptDt = dpHeader.getHeadData();
        _ptDt.HtlType = type;
        window.clearTimeout(hotelCityMap._timeout);
        //
        hotelCityMap._timeout = window.setTimeout(function () {
            $.ajax({
                url: '../ReportUI/GetHotelCityInfo',
                type: "POST",
                data: _ptDt,
                success: function (data) {
                    _htlCityInfo = eval('(' + data + ')');
                    //成功后，绘制图表
                    hotelCityMap.mapSelect(_htlCityInfo.HtlCityInfo);
                    //                    //no data实现