1

我正在使用 jquery-ui-map 通过 json 获取数据并显示在我的地图上。这很好用。

但我想做的是能够通过点击我的html页面上的一些链接来平移到选定的标记

所以我有

链接例如 id="13" 或其他

我单击它,它会平移并打开所选标记的信息窗口

我想我需要在标记本身上有一些 id,所以我用 json 将它从我的数据库中提取出来,否则我会迷路......

我正在使用此示例从 json http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-json.html获取数据

$(function () {
    demo.add(function () {
        $('#map_canvas').gmap({
            'disableDefaultUI': false,
            'callback': function () {
                var self = this;
                $.getJSON('jsonfile', function (data) {
                    $.each(data.markers, function (i, marker) {
                        self.addMarker({
                            'id': marker.id,
                            'position': new google.maps.LatLng(marker.latitude, marker.longitude),
                            'icon': 'images/stendas.png',
                            'bounds': true
                        }).click(function () {
                            self.openInfoWindow({
                                'content': marker.content
                            }, this);
                        });
                    });
                });
            }
        });
    }).load();
});

我的json是

{
    "markers": [{
        "latitude": "55.347889111331924",
        "longitude": "23.01470909375007",
        "title": "Kaunas-Marijampol\u0117",
        "content": "<p>Kelyje Kaunas-Marijampol\u0117 \u00a0(25,5 km nuo Kauno)<\/p>\r\n<p><img src=\"images\/stendu_nuotraukos\/JA_reklaminis_stendas_15000x5000_1_mariampole_r1_c1.jpg\" alt=\"JA reklaminis stendas 15000x5000 1 mariampole r1 c1\" height=\"280\" width=\"370\" \/><\/p>",
        "id": "9"
    }, {
        "latitude": "55.260338151525985",
        "longitude": "24.78350792187507",
        "title": "Panev\u0117\u017eys \u2013 Vilnius",
        "content": "<p>Kelyje Panev\u0117\u017eys \u2013 Vilnius (79 km nuo Vilniaus, prie Ukmerg\u0117s)\u00a0<\/p>\r\n<p><img src=\"images\/stendu_nuotraukos\/P5211983_r1_c1.jpg\" alt=\"P5211983 r1 c1\" height=\"280\" width=\"370\" \/><\/p>",
        "id": "10"
    }, {
        "latitude": "54.87660670317833",
        "longitude": "24.24517784375007",
        "title": "Vilnius \u2013 Kaunas 1",
        "content": "<p>Kelyje Vilnius \u2013 Kaunas (70 km nuo Vilniaus link Kauno)<\/p>\r\n<p><img src=\"images\/stendu_nuotraukos\/Nuo_Vilniaus_1_stendo_puse_r1_c1.jpg\" alt=\"Nuo Vilniaus 1 stendo puse r1 c1\" height=\"280\" width=\"370\" \/><\/p>",
        "id": "11"
    }, {
        "latitude": "54.794351653090246",
        "longitude": "24.68463096875007",
        "title": " Vilnius \u2013 Kaunas 2",
        "content": "<p>Kelyje Vilnius \u2013 Kaunas (55 km nuo Vilniaus link Kauno)<\/p>\r\n<p><img src=\"images\/stendu_nuotraukos\/SDC11331_r1_c1.jpg\" alt=\"SDC11331 r1 c1\" height=\"280\" width=\"370\" \/><\/p>",
        "id": "12"
    }, {
        "latitude": "55.720922855823375",
        "longitude": "21.37774620312507",
        "title": " Klaip\u0117da \u2013 Kaunas",
        "content": "<p>Kelyje Klaip\u0117da \u2013 Kaunas (14,5km nuo Klaip\u0117dos link Kauno)<\/p>\r\n<p><img src=\"images\/stendu_nuotraukos\/P9050011_r1_c1.jpg\" alt=\"P9050011 r1 c1\" height=\"280\" width=\"370\" \/><\/p>",
        "id": "13"
    }]
}

找到至少可以打开任何标记的代码

function (map, marker) {
    $('.item-page').click(function () {
        $(marker).triggerEvent('click');
        return false;
    });
}

现在需要具体例如 id=13 的标记

4

0 回答 0