google.maps.places未定义
google.maps.places未定义
提问于 2014-01-08 21:53:52
我有一个网站，通过谷歌地图，街道和地点加载3个独立的“视图”的位置。
下面是我的代码：
我终于可以让地图和街景正常工作了，但是我对这个有点纠结。
我有一个选项卡，显示与地图相同，但添加了地点。
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?v=3&key=....&sensor=false&callback=initializeMap"></script>
<script type="text/javascript">
var myLattitude = <?php echo $data["lattitude"]; ?>;
var myLongitude = <?php echo $data["longitude"]; ?>;
var poiMap;
var infowindow;
function initializePoi() {
var poiCentre = new google.maps.LatLng(myLattitude, myLongitude);
poiMap = new google.maps.Map(document.getElementById('poi-canvas'), {
center: poiCentre,
zoom: 15
});
var request = {
location: poiCentre,
radius: 500,
types: ['store']
};
infowindow = new google.maps.InfoWindow();
var service = new google.maps.places.PlacesService(poiMap);
service.nearbySearch(request, callback);
}
function callback(results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
for (var i = 0; i < results.length; i++) {
createMarker(results[i]);
}
}
}
function createMarker(place) {
var placeLoc = place.geometry.location;
var marker = new google.maps.Marker({
map: poiMap,
position: place.geometry.location
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(place.name);
infowindow.open(poiMap, this);
});
}
现在可以正确初始化了，但是控制台抛出了以下错误: TypeError：google.maps.places is undefined
我只想知道为什么我会得到这个错误，我喜欢干净无误的代码。
这些地方确实正确地显示了所有的东西。
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-01-08 21:56:41
您应该在Google API URL中添加选项libraries=places
在您的情况下，应替换以下内容：
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&key=....&sensor=false&callback=initializeMap"></script>有了这个：
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&key=....&sensor=false&callback=initializeMap&libraries=places"></script>看一下src=""的末尾
Stack Overflow用户
发布于 2018-09-18 20:06:29
现在，您必须使用https而不是http。
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&key=....&sensor=false&callback=initializeMap&libraries=places"></script>
其他一切都与前面提到的答案相同。
Stack Overflow用户
发布于 2021-07-22 19:24:54
由于最上面的答案针对的是普通版本，这是针对那些使用google-maps-react的用户的：
将库：'places‘添加到GoogleMapReact组件中：
<GoogleMapReact
bootstrapURLKeys={{ key: apiKey, libraries: ['places'] }}
...
/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20997672
复制相关文章
相似问题