Javascript 控制器和Cshtml上的无限循环
我目前正在开发Google Maps API,但这对我来说是新的,所以我读了一些页面并开始工作,直到我遇到这种错误/小故障,其中值一直循环,直到页面崩溃 是否有人可以帮助我或指出我的代码哪里有问题: 我没有错误 这是我的Cshtml中的代码:Javascript 控制器和Cshtml上的无限循环,javascript,jquery,asp.net-mvc,asp.net-mvc-3,razor,Javascript,Jquery,Asp.net Mvc,Asp.net Mvc 3,Razor,我目前正在开发Google Maps API,但这对我来说是新的,所以我读了一些页面并开始工作,直到我遇到这种错误/小故障,其中值一直循环,直到页面崩溃 是否有人可以帮助我或指出我的代码哪里有问题: 我没有错误 这是我的Cshtml中的代码: <script type="text/javascript"> var geocoder, infoBubble; var map; //var mgr; function initialize() {
<script type="text/javascript">
var geocoder, infoBubble;
var map;
//var mgr;
function initialize() {
var minZoomLevel = 4;
var zooms = 7;
geocoder = new google.maps.Geocoder();
map = new google.maps.Map(document.getElementById('map'), {
zoom: minZoomLevel,
center: new google.maps.LatLng(38.50, -90.50),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
// Bounds for North America
var strictBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(15.70, -160.50),
new google.maps.LatLng(68.85, -55.90)
);
// Listen for the dragend event
google.maps.event.addListener(map, 'dragend', function () {
if (strictBounds.contains(map.getCenter())) return;
// We're out of bounds - Move the map back within the bounds
var c = map.getCenter(),
x = c.lng(),
y = c.lat(),
maxX = strictBounds.getNorthEast().lng(),
maxY = strictBounds.getNorthEast().lat(),
minX = strictBounds.getSouthWest().lng(),
minY = strictBounds.getSouthWest().lat();
if (x < minX) x = minX;
if (x > maxX) x = maxX;
if (y < minY) y = minY;
if (y > maxY) y = maxY;
map.setCenter(new google.maps.LatLng(y, x));
});
// Limit the zoom level
google.maps.event.addListener(map, 'zoom_changed', function () {
if (map.getZoom() < minZoomLevel) map.setZoom(minZoomLevel);
});
codeAddress();
}
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
function codeAddress() {
infoBubble = new InfoBubble({
map: map,
shadowStyle: 0,
padding: 10,
borderRadius: 10,
arrowSize: 15,
maxWidth: 300,
borderWidth: 1,
borderColor: '#ccc',
arrowPosition: 50,
arrowStyle: 0
});
$.getJSON('/Dashboard/LoadWorkerList', function (address) {
$.each(address, function () {
var currVal = this["AddressLine1"];
var Name = this["Name"];
var Gender = this["Gender"];
var Bdate = this["Birthdate"];
var ID = this["Worker_ID"];
geocoder.geocode({ 'address': currVal }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var marker = new google.maps.Marker({
map: map,
icon: iconBase + 'man.png',
position: results[0].geometry.location,
title: currVal
})
var link = $('<a href="#">'+currVal+'</a>')
.data('location', results[0].geometry.location);
$('#places').append($('<li>').append(link));
link.on('click', function (event) {
event.preventDefault();
google.maps.event.trigger(address[0], "click");
infoBubble.removeTab(0);
infoBubble.addTab(Name, "Name: " + Name + "<br> Address: " + currVal + "<br> Gender: " + Gender + "<br> Birthdate: " + Bdate + "<br><br>" + '<center><a href="/Worker/WorkerDetails?workerId=' + ID + '">View Profile</a></center>');
infoBubble.open(map, marker);
}
);
google.maps.event.addListener(map, 'idle', function () {
$('#places li a').css('display', function () {
return (map.getBounds().contains($(this).data('location')))
? ''
: 'none';
});
});
</script>
var地理编码器,infoBubble;
var映射;
//风险经理;
函数初始化(){
var minZoomLevel=4;
变焦值=7;
geocoder=新的google.maps.geocoder();
map=new google.maps.map(document.getElementById('map'){
zoom:minZoomLevel,
中心:新google.maps.LatLng(38.50,-90.50),
mapTypeId:google.maps.mapTypeId.ROADMAP
});
//前往北美的边界
var strictBounds=new google.maps.LatLngBounds(
新google.maps.LatLng(15.70,-160.50),
新google.maps.LatLng(68.85,-55.90)
);
//收听dragend事件
google.maps.event.addListener(映射'dragend',函数(){
if(strictBounds.contains(map.getCenter())返回;
//我们超出边界-将地图移回边界内
var c=map.getCenter(),
x=c.lng(),
y=c.lat(),
maxX=strictBounds.getNorthEast().lng(),
maxY=strictBounds.getNorthEast().lat(),
minX=strictBounds.getSouthWest().lng(),
minY=strictBounds.getsoutwest().lat();
如果(xmaxX)x=maxX;
如果(ymaxY)y=maxY;
map.setCenter(新的google.maps.LatLng(y,x));
});
//限制缩放级别
google.maps.event.addListener(映射'zoom_changed',函数(){
if(map.getZoom()”).append(link));
link.on('click',函数(事件){
event.preventDefault();
google.maps.event.trigger(地址[0],“单击”);
infoBubble.removeTab(0);
infoBubble.addTab(姓名,姓名:“+Name+”
地址:“+currVal+”
性别:“+Gender+”
出生日期:“+Bdate+”
”+”;
打开(地图、标记);
}
);
google.maps.event.addListener(映射'idle',函数(){
$('#places li a').css('display',function(){
返回(map.getBounds()包含($(this.data('location'))
? ''
:“没有”;
});
});
这是我的控制器中的代码:
public JsonResult LoadWorkerList()
{
var workerList = new List<Worker_Address>();
// check if search string has value
// retrieve list of workers filtered by search criteria
var list = (from a in db.Worker_Address
join b in db.Workers
on a.WorkerID equals b.ID
where a.LogicalDelete == false
&& b.LogicalDelete == false
select new
{
b.ID,
b.LastName,
b.FirstName,
b.MiddleName,
b.Gender_LookID,
b.BirthDate,
a.WorkerID,
a.Address_Line1,
a.Address_Line2,
a.City,
a.State_LookID,
a.ZipCode,
a.LogicalDelete,
}).ToList();
List<WorkerAddressInfo> wlist = new List<WorkerAddressInfo>();
foreach (var row in list)
{
WorkerAddressInfo ci = new WorkerAddressInfo
{
ID = row.ID,
Worker_ID = row.WorkerID,
AddressLine1 =
row.Address_Line1 + " " + row.Address_Line2 + " " + row.City + " " +
GetLookupDisplayValById(row.State_LookID),
Name = row.FirstName + " " + row.MiddleName + " " + row.LastName,
Birthdate = row.BirthDate.ToString("MM/dd/yy"),
Gender = GetLookupDisplayValById(row.Gender_LookID),
LogicalDelete = row.LogicalDelete
};
wlist.Add(ci);
}
return Json(wlist.ToList().OrderBy(p => p.AddressLine1), JsonRequestBehavior.AllowGet);
}
public JsonResult LoadWorkerList()
{
var workerList=新列表();
//检查搜索字符串是否有值
//检索按搜索条件筛选的工作人员列表
var list=(来自db.Worker\u地址中的
加入db.Workers中的b
关于a.WorkerID等于b.ID
其中a.LogicalDelete==false
&&b.LogicalDelete==false
选择新的
{
b、 身份证,
b、 姓,
b、 名字,
b、 MiddleName,
b、 性别与外貌,
b、 生日,
a、 沃基里德,
a、 地址(第1行),
a、 地址(第2行),
a、 城市,
a、 州政府,
a、 ZipCode,
a、 逻辑德莱特,
}).ToList();
List wlist=新列表();
foreach(列表中的变量行)
{
WorkerAddressInfo ci=新的WorkerAddressInfo
{
ID=行。ID,
Worker\u ID=row.WorkerID,
地址行1=
行。地址