Jquery asp.net+;谷歌地图api,为网站添加标记

Jquery asp.net+;谷歌地图api,为网站添加标记,jquery,asp.net,google-maps,Jquery,Asp.net,Google Maps,Im使用Asp.net和谷歌地图api。在站点地图上可以看到一些字段。当用户输入指定的地址和半径时,我就可以得到这个位置的可用商店od列表(使用webservice)。我在服务器端做。现在我想在谷歌地图上显示结果 最好的方法是什么?有没有偷东西的 您可以将标记列表输出到数组中的html中,然后使用以下内容将标记添加到地图中(未测试,但距离不远): var gMarkers=[[place1',55.8,-4.020508],[place2',53.3,-7.61],[place3',57.9,-

Im使用Asp.net和谷歌地图api。在站点地图上可以看到一些字段。当用户输入指定的地址和半径时,我就可以得到这个位置的可用商店od列表(使用webservice)。我在服务器端做。现在我想在谷歌地图上显示结果


最好的方法是什么?有没有偷东西的

您可以将标记列表输出到数组中的html中,然后使用以下内容将标记添加到地图中(未测试,但距离不远):

var gMarkers=[[place1',55.8,-4.020508],[place2',53.3,-7.61],[place3',57.9,-8.12];
对于(变量i=0;i
}

您还可以使用jQuery向Web服务发出请求。 如果您的web服务返回XML,那么jQuery插件可以帮助您在客户端解析数据,但Json是更好的选择

您是使用ajax将html添加到页面中,还是在用户输入地址后使用回发重新加载页面

试试这个


谷歌地图演示
变量标记=[{
“标题”:“哈瓦那”,
“lat”:“23.1330200”,
“液化天然气”:“-82.3830400”,
“描述”:“何塞·马蒂国际机场,哈瓦那”
}
,
{
“标题”:“坦帕”,
“lat”:“27.964157”,
“液化天然气”:“-82.452606”,
“描述”:“坦帕国际机场,坦帕”
}
,
{
“标题”:“哈瓦那”,
“lat”:“23.1330200”,
“液化天然气”:“-82.3830400”,
“描述”:“何塞·马蒂国际机场,哈瓦那”
}
,
{
“标题”:“奥兰多”,
“lat”:“28.538336”,
“液化天然气”:“-81.379234”,
“描述”:“奥兰多国际机场,奥兰多”
}
,
{
“标题”:“哈瓦那”,
“lat”:“23.1330200”,
“液化天然气”:“-82.3830400”,
“描述”:“何塞·马蒂国际机场,哈瓦那”
}
,
{
“头衔”:“迈阿密”,
“lat”:“25.7742700”,
“液化天然气”:“-80.1936600”,
“描述”:“迈阿密国际机场,迈阿密”
}
,
{
“标题”:“哈瓦那”,
“lat”:“23.1330200”,
“液化天然气”:“-82.3830400”,
“描述”:“何塞·马蒂国际机场,哈瓦那”
}
,
{
“头衔”:“迈阿密”,
“lat”:“25.7742700”,
“液化天然气”:“-80.1936600”,
“描述”:“迈阿密国际机场,迈阿密”
}
,
{
“头衔”:“卡马圭·伊格纳西奥·阿格拉蒙特”,
“lat”:“21.416667”,
“液化天然气”:’-77.866667’,
“描述”:“卡马圭伊格纳西奥阿格拉蒙特机场,卡马圭”
}
,
{
“标题”:“坦帕”,
“lat”:“27.964157”,
“液化天然气”:“-82.452606”,
“描述”:“坦帕国际机场”
}
,
{
“头衔”:“卡马圭·伊格纳西奥·阿格拉蒙特”,
“lat”:“21.416667”,
“液化天然气”:’-77.866667’,
“描述”:“卡马圭伊格纳西奥阿格拉蒙特机场,卡马圭”
}
,
{
“标题”:“坦帕”,
“lat”:“27.964157”,
“液化天然气”:“-82.452606”,
“描述”:“坦帕国际机场,坦帕”
}];
window.onload=函数(){
变量映射选项={
中心:新建google.maps.LatLng(标记[0].lat,标记[0].lng),
缩放:9,
mapTypeId:google.maps.mapTypeId.HYBRID
};
var map=new google.maps.map(document.getElementById(“dvMap”)、mapOptions);
var infoWindow=new google.maps.infoWindow();
var lat_lng=新阵列();
var latlngbounds=new google.maps.latlngbounds();
对于(i=0;ivar gMarkers = [['place1', 55.8, -4.020508],['place2', 53.3, -7.61],['place3', 57.9, -8.12]];

for (var i = 0; i < gMarkers.length; i++) {
   var marker =  new google.maps.Marker({
                    position: new google.maps.LatLng(lat, lon),
                    map: map
                });