在谷歌地图API

Question

谷歌地图Api相当新。我有一系列数据，我想循环并在地图上绘图。看起来相当简单，但我发现的所有多标记教程都非常复杂。 让我们使用数据阵列演示作为示例：

＆＃13;

＆＃13;

var demoData = {
    "persion": [
        {
            "firstName": "Ron Souza",
            "location": [
                {
                    "lat": "10.794",
                    "lng": "106.696"
                },
                {
                    "lat": "38.874",
                    "lng": "-89.670"
                },
                {
                    "lat": "35.461",
                    "lng": "-81.123"
                }
            ]
        },
        {
            "firstName": "Tablet Pro",
            "location": [
                {
                    "lat": "-3.426",
                    "lng": "-61.787"
                },
                {
                    "lat": "-9.796",
                    "lng": "-56.162"
                },
                {
                    "lat": "-28.150",
                    "lng": "-60.996"
                }
            ]
        }]
}

＆＃13;

＆＃13;

＆＃13; reference image 我想绘制所有这些点，当点击显示我们有一个infoWindow弹出显示firstName和连接点作为图片的线。 请帮帮我