高德地图:
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实现