在地图jquery上显示数据 [英] Show data on map jquery
本文介绍了在地图jquery上显示数据的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我尝试在地图上绘制来自gridview的数据，如下所示
[WebMethod]
public static string mapgriddata（string FID ，string ObID）
{
try
{
string result =;
FID = HttpContext.Current.Session [FID]。ToString（）;
ObID = HttpContext.Current.Session [ObID]。ToString（）;
实体w =新实体（）;
List（spgetdata_ffid_Result）gt = w.spgetdata_ffid（FFID）。ToList（）;
DataTable dt = new DataTable（）;
dt.Columns.Add（No，typeof（string））;
dt.Columns.Add（经度，typeof（float））;
dt.Columns.Add（Latitude，typeof（float））;
foreach（var t in gt）
{
dt.Rows.Add（t.No，t.Longitude，t.Latitude） ;
t.No = HttpContext.Current.Session [No]。ToString（）;
t.Latitude = Convert.ToSingle（HttpContext.Current.Session [Latitude]）;
t.Longitude = Convert.ToSingle（HttpContext.Current.Session [Longitude]）;
}
result = DataSetToJSON（dt）;
返回结果;
}
catch（例外）
{
抛出新的异常（）;
}
}
我的尝试：
查询
< script type =text / javascript>
$（function（）{
var FID ='<％= Session [FID]％>';
var ObID ='<％= Session [ObID ]％>';
var否='<％=会话[否]％>';
var longi ='<％=会话[经度]％> ';
var latit ='<％= Session [Latitude]％>';
var obj = {};
obj.FID = FID;
obj .ObID = ObID;
obj.No = No;
obj.longi = longi;
obj.latit = latit;
getdata（obj）;
return falase ;
}）;
函数getdata（obj）{
$ .ajax（{
type：POST，
url：home.aspx / mapgriddata，
contentType： application / json; charset = utf-8，
data：（data.FFID，data.ObID），
datatype：json，
async：true，
cache ：false，
成功：函数（结果）{
window.onload = function（）{
alert（map2）;
debugger;
var latlng = new google.maps.LatLng（24.0895898,67.0998546）;
debugger;
var mapOptions = {
center：new google.maps.LatLng（markers [0] .lat，markers [0] .lng），
zoom：8，
center：latlng，
mapTypeId： google.maps.MapTypeId.ROADMAP
};
调试器;
var infoWindow = new google.maps.InfoWindow（）;
调试器;
var map = new google.maps.Map（document.getElementById（map_canvas），mapOptions）;
调试器;
for（i = 0; i< obj.length; i ++）{
var data = obj [i]
var myLatlng = new google.maps.LatLng（obj.latlng）;
var marker = new google.maps.Marker（{
position：myLatlng，
map：map，
}）;
调试器;
（函数（marker，obj）{
google.maps.event.addListener（marker，click，function（e）{
infoWindow.setContent（obj.FID，obj.No） ，obj.latit，obj.longi）;
infoWindow.open（map，obj）;
}）;
}）（标记，数据）;
}
}
}，
错误：函数（错误）{
alert（error）;
}
}）;
}
< / script>
页面加载
protected void Page_Load（object sender，EventArgs e）
{mapgriddata（Convert.ToString（Session [FID]），Convert。的ToString（会话[ OBID]））;
}
}
但这在控制台显示错误
home.aspx：156未捕获的ReferenceError：未定义getdata
解决方案
（function（）{
var FID ='<％= Session [ FID]％>';
var ObID ='<％=会话[ObID]％>';
var否='<％=会话[否]％ >';
var longi ='<％= Session [Longitude]％>';
var latit ='<％= Session [Latitude]％>';
var obj = {};
obj.FID = FID;
obj.ObID = ObID;
obj.No = No;
obj.longi = longi;
obj.latit = latit;
getdata（obj）;
return falase;
}）;
函数getdata（obj）{
.ajax（{
type：POST，
url：home.aspx / mapgriddata，
contentType：application / json; charset = utf-8，
data：（data.FFID，data.ObID），
datatype：json，
async：true ，
cache：false，
success：function（result）{
window.onload = function（）{
alert（map2）;
debugger;
var latlng = new google.maps.LatLng（24.0895898,67.0998546）;
debugger;
var mapOptions = {
center：new google.maps.LatLng（markers [0]。 lat，markers [0] .lng），
zoom：8，
center：latlng，
ma pTypeId：google.maps.MapTypeId.ROADMAP
};
调试器;
var infoWindow = new google.maps.InfoWindow（）;
调试器;
var map = new google.maps.Map（document.getElementById（map_canvas），mapOptions）;
调试器;
for（i = 0; i< obj.length; i ++）{
var data = obj [i]
var myLatlng = new google.maps.LatLng（obj.latlng）;
var marker = new google.maps.Marker（{
position：myLatlng，
map：map，
}）;
调试器;
（函数（marker，obj）{
google.maps.event.addListener（marker，click，function（e）{
infoWindow.setContent（obj.FID，obj.No） ，obj.latit，obj.longi）;
infoWindow.open（map，obj）;
}）;
}）（标记，数据）;
}
}
}，
错误：函数（错误）{
alert（error）;
}
}）;
}
< / script>
页面加载
protected void Page_Load（object sender，EventArgs e）
{mapgriddata（Convert.ToString（Session [FID]），Convert。的ToString（会话[ OBID]））;
}
}
但这在控制台显示错误
home.aspx：156未捕获的ReferenceError：未定义getdata
Quote：未捕获的ReferenceError：getdata未定义
getdata函数附带jquery，将其删除。
I try to plot data from gridview on map like this
[WebMethod]
public static string mapgriddata(string FID,string ObID)
{
try
{
string result = "";
FID = HttpContext.Current.Session["FID"].ToString();
ObID = HttpContext.Current.Session["ObID"].ToString();
Entities w = new Entities();
List(spgetdata_ffid_Result) gt = w.spgetdata_ffid(FFID).ToList();
DataTable dt = new DataTable();
dt.Columns.Add("No", typeof(string));
dt.Columns.Add("Longitude", typeof(float));
dt.Columns.Add("Latitude", typeof(float));
foreach (var t in gt)
{
dt.Rows.Add(t.No, t.Longitude, t.Latitude);
t.No = HttpContext.Current.Session["No"].ToString();
t.Latitude = Convert.ToSingle(HttpContext.Current.Session["Latitude"]);
t.Longitude = Convert.ToSingle(HttpContext.Current.Session["Longitude"]);
}
result = DataSetToJSON(dt);
return result;
}
catch (Exception)
{
throw new Exception();
}
}
What I have tried:
query
<script type="text/javascript">
$(function () {
var FID = '<%=Session["FID"]%>';
var ObID = '<%=Session["ObID"]%>';
var No = '<%=Session["No"]%>';
var longi = '<%=Session["Longitude"]%>';
var latit = '<%=Session["Latitude"]%>';
var obj = {};
obj.FID = FID;
obj.ObID = ObID;
obj.No = No;
obj.longi = longi;
obj.latit = latit;
getdata(obj);
return falase;
});
function getdata(obj) {
$.ajax({
type: "POST",
url: "home.aspx/mapgriddata",
contentType: "application/json;charset=utf-8",
data: (data.FFID, data.ObID),
datatype: "json",
async: true,
cache: false,
success: function (result) {
window.onload = function () {
alert("map2");
debugger;
var latlng = new google.maps.LatLng(24.0895898, 67.0998546);
debugger;
var mapOptions = {
center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
debugger;
var infoWindow = new google.maps.InfoWindow();
debugger;
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
debugger;
for (i = 0; i < obj.length; i++) {
var data = obj[i]
var myLatlng = new google.maps.LatLng(obj.latlng);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
});
debugger;
(function (marker, obj) {
google.maps.event.addListener(marker, "click", function (e) {
infoWindow.setContent(obj.FID,obj.No,obj.latit,obj.longi);
infoWindow.open(map, obj);
});
})(marker, data);
}
}
},
error: function (error) {
alert(error);
}
});
}
</script>
page load
protected void Page_Load(object sender, EventArgs e)
{ mapgriddata(Convert.ToString(Session["FID"]),Convert.ToString(Session["ObID"]));
}
}
but this show error on console
home.aspx:156 Uncaught ReferenceError: getdata is not defined
解决方案
(function () { var FID = '<%=Session["FID"]%>'; var ObID = '<%=Session["ObID"]%>'; var No = '<%=Session["No"]%>'; var longi = '<%=Session["Longitude"]%>'; var latit = '<%=Session["Latitude"]%>'; var obj = {}; obj.FID = FID; obj.ObID = ObID; obj.No = No; obj.longi = longi; obj.latit = latit; getdata(obj); return falase; }); function getdata(obj) {
.ajax({ type: "POST", url: "home.aspx/mapgriddata", contentType: "application/json;charset=utf-8", data: (data.FFID, data.ObID), datatype: "json", async: true, cache: false, success: function (result) { window.onload = function () { alert("map2"); debugger; var latlng = new google.maps.LatLng(24.0895898, 67.0998546); debugger; var mapOptions = { center: new google.maps.LatLng(markers[0].lat, markers[0].lng), zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; debugger; var infoWindow = new google.maps.InfoWindow(); debugger; var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); debugger; for (i = 0; i < obj.length; i++) { var data = obj[i] var myLatlng = new google.maps.LatLng(obj.latlng); var marker = new google.maps.Marker({ position: myLatlng, map: map, }); debugger; (function (marker, obj) { google.maps.event.addListener(marker, "click", function (e) { infoWindow.setContent(obj.FID,obj.No,obj.latit,obj.longi); infoWindow.open(map, obj); }); })(marker, data); } } }, error: function (error) { alert(error); } }); } </script>
page load
protected void Page_Load(object sender, EventArgs e) { mapgriddata(Convert.ToString(Session["FID"]),Convert.ToString(Session["ObID"])); } }
but this show error on console
home.aspx:156 Uncaught ReferenceError: getdata is not defined
Quote:Uncaught ReferenceError: getdata is not defined
getdata function is enclosed with jquery, remove it.
这篇关于在地图jquery上显示数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
