【问题标题】:Geocode to produce multiple markers google maps地理编码以生成多个标记谷歌地图
【发布时间】:2013-12-13 18:14:01
【问题描述】:

谁能说明为什么这段代码没有在我的地图上提供 2 个标记?

http://pastebin.com/1uaNjeVy

不知道是语法错误还是google的限制?

编辑:

无论如何,我通过执行以下操作使其正常工作,很抱歉没有将代码直接发布到这里。

我的新问题是,当我打开页面时,有时它会找到所有地址,而有时它会显示警报?

var geocoder = new google.maps.Geocoder();
        geocoder.geocode( {'address': "Eldon Square 24-26 Sidgate, Newcastle upon Tyne"}, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                        var img = "https://dl.dropboxusercontent.com/u/55888592/marker26.png";
                        var info = "<div><p>Sometext</p></div>";
                        var infowindow = new google.maps.InfoWindow({
                        });
                        var latlng = results[0].geometry.location;
                        var marker = new google.maps.Marker({
                                icon: img,
                                position: latlng,
                                map: map,
                                content: info
                                });
                        google.maps.event.addListener(marker, "click", function(content) {
                                infowindow.setContent(this.content);
                                infowindow.open(map,this);
                        });
                        } else {alert("alert");
                        }
                marker.setMap(map);
                });   

【问题讨论】:

  • 请在您的问题中包含相关代码,而不仅仅是指向 Pastbin 的链接。
  • 多少个标记?如果超过 ~11,您将收到 OVER_QUERY_LIMIT 的状态响应。地理编码器受到配额和速率限制,这里有关于如何解决这个问题的答案。最好的方法是对标记使用坐标,而不是对已知地址/地点使用地理编码器。
  • 使用单个地理编码器实例,第一个将被第二个覆盖

标签: google-maps google-maps-api-3 google-maps-markers


【解决方案1】:

地理编码器是异步的。您在创建标记之前设置标记映射变量。您应该在地理编码器的回调函数中执行此操作。 (javascript 控制台是你的朋友)

并且您的标记图像无法从提供的 URL 加载(可能是因为它是 https)

working example

【讨论】:

  • 感谢您的帮助,我会投赞成票,但还没有足够的声誉。
  • 如果它回答了您的问题,请accept it
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多