Javascript 使GetJson数组中的循环数据成为链接

Javascript 使GetJson数组中的循环数据成为链接,javascript,jquery,html,css,google-maps-api-3,Javascript,Jquery,Html,Css,Google Maps Api 3,我有一个问题,我正在为我的谷歌地图上的标记创建一个列表,但我希望它创建一个链接,显示列表上标记的值,它由getJson循环,而仅附加在循环上 有人能帮我做一个链接来提醒这些值吗 这是我的代码集: <script type="text/javascript"> var geocoder; var map; //var mgr; function initialize() { var minZoomLevel = 4; v

我有一个问题,我正在为我的谷歌地图上的标记创建一个列表,但我希望它创建一个链接,显示列表上标记的值,它由getJson循环,而
  • 仅附加在循环上

    有人能帮我做一个链接来提醒这些值吗

    这是我的代码集:

    <script type="text/javascript">
        var geocoder;
        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() {
            var infowindow = new google.maps.InfoWindow();
            $.getJSON('/Dashboard/LoadWorkerList', function (address) {
                $.each(address, function () {
                    var currVal = this["AddressLine1"];
                    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
    
                            })
    
                            $('#places').append($('<li/>')
                                        .text(currVal)
                                        .data('location', results[0].geometry.location));
    
                            google.maps.event.addListener(map, 'bounds_changed', function () {
                                $('#places li').css('display', function () {
                                    return (map.getBounds().contains($(this).data('location')))
                          ? ''
                          : 'none';
                                });
                            });
    
                            //mgr = new MarkerManager(map);
    
    
                            google.maps.event.addListener(marker, 'click', (function (marker, i) {
                                return function () {
                                    infowindow.setContent(currVal);
                                    infowindow.open(map, marker);
                                }
                            })(marker, currVal));
                            address.push(marker);
    
                        }
                        else if (status == google.maps.GeocoderStatus.OVER_QUERY_LIMIT) {
                            setTimeout(codeAddress, 2000);
                        }
                        else {
                            alert("Geocode was not successful for the following reason: " + status);
                        }
                    });
                });
                google.maps.event.trigger(map, 'bounds_changed');
            });
        }
    
        window.onload = function () {
            initialize();
    
        }
    
    </script>
    
    
    var地理编码器;
    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()'))
    .文本(currVal)
    .data('location',结果[0].geometry.location));
    google.maps.event.addListener(映射,'bounds_changed',函数(){
    $('#places li').css('display',function(){
    返回(map.getBounds()包含($(this.data('location'))
    ? ''
    :“没有”;
    });
    });
    //mgr=新MarkerManager(map);
    google.maps.event.addListener(标记,'click',(函数(标记,i){
    返回函数(){
    infowindow.setContent(currVal);
    信息窗口。打开(地图、标记);
    }
    })(标记,currVal));
    地址。推送(标记);
    }
    else if(status==google.maps.GeocoderStatus.OVER\u QUERY\u LIMIT){
    设置超时(代码地址,2000);
    }
    否则{
    警报(“地理编码因以下原因未成功:“+状态”);
    }
    });
    });
    google.maps.event.trigger(map'bounds_changed');
    });
    }
    window.onload=函数(){
    初始化();
    }
    
    装载工列表:

    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
                            where a.LogicalDelete == false
                            select a).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),
                        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地址中的
    其中a.LogicalDelete==false
    选择一个.ToList();
    List wlist=新列表();
    foreach(列表中的变量行)
    {
    WorkerAddressInfo ci=新的WorkerAddressInfo
    {
    ID=行。ID,
    Worker\u ID=row.WorkerID,
    AddressLine1=row.Address\u Line1+“”+row.Address\u Line2+“”+row.City+“”+GetLookupDisplayValById(row.State\u LookID),
    LogicalDelete=行。LogicalDelete
    };
    wlist.Add(ci);
    }
    返回Json(wlist.ToList().OrderBy(p=>p.AddressLine1),JsonRequestBehavior.AllowGet);
    }
    
    以下行:

    $('#places').append($('<li/>')
    
    $('#places')。追加($('
  • '))
  • 应更改。前面的应删除:

    $('#places').append($('<li>')
    
    $('#places')。追加($('
  • '))
  • 如果带有ID places的列表可用,您将获得地址列表。

    下一行:

    $('#places').append($('<li/>')
    
    $('#places')。追加($('
  • '))
  • 应更改。前面的应删除:

    $('#places').append($('<li>')
    
    $('#places')。追加($('
  • '))

  • 如果带有ID位置的列表可用,您将获得地址列表。

    什么是
    /Dashboard/LoadWorkerList
    ?更新了@AntoJurkovicYou have
    append($(“
  • ”)
  • 。它应该没有
    /
    append($(