如何显示两列值,当我选择位置地图时

How To shows Two column values ,when i selected location Maps

本文关键字:选择 位置 地图 两列 何显示 显示      更新时间:2023-09-26
 <script type="text/javascript">
        function initialize1() {
            var markers = JSON.parse('<%=FarmerMap()%>');
            var mapOptions = {
                center: new google.maps.LatLng(markers[0].Lats, markers[0].Longs),
                zoom: 10,
                mapTypeControl: true,
                mapTypeControlOptions: {
                    style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
                    position: google.maps.ControlPosition.TOP_RIGHT
                },
                mapTypeId: google.maps.MapTypeId.ROADMAP

            };

            var infoWindow = new google.maps.InfoWindow();
            var map = new google.maps.Map(document.getElementById("FarmerMap"), mapOptions);
            for (i = 0; i < markers.length; i++) {
                var data = markers[i]
                var myLatlng = new google.maps.LatLng(data.Lats, data.Longs);
                var marker = new google.maps.Marker({
                    position: myLatlng,
                    map: map,
                    title: data.title,
                    animation: google.maps.Animation.BOUNCE
                });
                (function(marker, data) {

                    google.maps.event.addListener(marker, "click", function(e) {
                        infoWindow.setContent(data.FarmerName,data.Area);
                        infoWindow.open(map, marker);
                    });
                })(marker, data);
            }
            return true;
        }
    </script>

我的问题是infoWindow.setContent(data。农民名称,数据。面积);不会显示两列值..它只显示一列名称。这意味着只有农民的名字...我还想显示农民名称和地区...

试试这个:

google.maps.event.addListener(marker, "click", function(e) {
                    infoWindow.setContent('<p>' + data.FarmerName 
                            + ', ' + data.Area + '</p>');
                    infoWindow.open(map, marker);
                });