0

我需要使用 MapsV3 api 通过地址或纬度/经度绘制多个自定义地图标记。我将以下代码放在一起，它适用于 lon/lat，但如果数据包含地址，则地理编码器不会返回任何内容。有想法该怎么解决这个吗。

    $(document).ready(function () { initialize(); });   

     function initialize() {
        var centerMap = new google.maps.LatLng(-27.0,133.0);

        var options = {
            panControl: false,
            zoomControl: true,
            scaleControl: false,
            mapTypeControl: false,
            streetViewControl: false,
            zoom: 3,
            center: centerMap,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

        var map = new google.maps.Map(document.getElementById("map"), options);




                  var data = [
                    {
                    'title':'F C Building Construction ...',
                    'address':'', 
                    'zindex':20,
                    'lat':'-33.797847', 
                    'lon':'151.259928', 
                    'marker_number':1,
                    'marker_html':' html content...',
                    'image': {
                        url:'//localhost/assets/images/markers/marker_1.png', 
                        size: new google.maps.Size(24, 29), 
                        origin: new google.maps.Point(0,0), 
                        anchor: new google.maps.Point(10, 29)
                    }
                    }];

            setMarkers(map, data);

                    var infowindow = new google.maps.InfoWindow();

    }

    function showMapPin(i) { } 

    function setMarkers(map,data) {         
        var bounds = new google.maps.LatLngBounds();
        for (var i = 0; i < data.length; i++) {
            setMarker(map, data[i], bounds);
        }
        map.fitBounds(bounds);
    }

    function setMarker(map, m, bounds) {

        if(m["address"]!="") {
            var geocoder = new google.maps.Geocoder();
            geocoder.geocode( { "address": m["address"] }, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    var siteLatLng = results[0].geometry.location;
                } 
            });


        } else {
            var siteLatLng = new google.maps.LatLng(m["lat"], m["lon"]);
        }

        if(siteLatLng) {

            var marker = new google.maps.Marker({
                position: siteLatLng,
                map: map,
                //shadow: shadow,
                icon: m["image"],
                title: m["title"],
                zIndex: m["zindex"],
                html: m["marker_html"]
            });

            bounds.extend(siteLatLng);

            google.maps.event.addListener(marker, "click", function() {
                infowindow.setContent(this.html);
                infowindow.open(map, this);
            });

        } // if latlng  
    }//]]>
4

1 回答 1

0

回顾代码后，我意识到变量 siteLatLng 在地理编码函数范围内，因此它永远不会被传递，也无法返回。在此函数中设置标记有效。

于 2013-04-20T09:19:46.547 回答