ajax地图显示,如何根据ajax结果显示谷歌地图?

我有一个页面,我必须根据ajax成功结果显示地图和mysql结果。成功后,我将获得经纬度。基于此我必须在地图上标记位置。之后,每个搜索都会有过滤器。所以标记应该是全局数组。如何实现这个功能。根据搜索结果,地图也应该自动居中放大。如何根据ajax结果显示谷歌地图?

function initialize() {

var latitude = 57.95,

longitude = 14.65,

radius = 8000, //how is this set up

center = new google.maps.LatLng(latitude,longitude),

bounds = new google.maps.Circle({center: center, radius: radius}).getBounds(),

mapOptions = {

center: center,

zoom: 9,

mapTypeId: google.maps.MapTypeId.ROADMAP,

scrollwheel: false

};

var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

setMarkers(center, radius, map);

}

function setMarkers(center, radius, map) {

var json = (function() {

var json = null;

$.ajax({

'async': false,

'global': false,

'url': "js/hotels.json",

'dataType': "json",

'success': function (data) {

json = data;

}

});

return json;

})

2016-01-28

Parker

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值