放置细节在谷歌api javascript
Place details in google api javascript
我使用API来显示一个地方的位置细节。然而,我不能显示地图也。当我试图调试java脚本时,我在
中得到引用错误 service.getDetails()
我想在标记的单击事件的信息窗口中显示位置详细信息。有谁能帮我一下吗?这是我的代码
function initialize() {
var map = new google.maps.Map(document.getElementById('map-canvas'), {
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: new google.maps.LatLng(-33.8665433, 151.1956316),
zoom: 15
});
var request = {
reference: 'CnRkAAAAGnBVNFDeQoOQHzgdOpOqJNV7K9-c5IQrWFUYD9TNhUmz5- aHhfqyKH0zmAcUlkqVCrpaKcV8ZjGQKzB6GXxtzUYcP-muHafGsmW-1CwjTPBCmK43AZpAwW0FRtQDQADj3H2bzwwHVIXlQAiccm7r4xIQmjt_Oqm2FejWpBxLWs3L_RoUbharABi5FMnKnzmRL2TGju6UA4k'
};
var infowindow = new google.maps.InfoWindow();
var service = new google.maps.places.PlacesService(map);
service.getDetails(request, function(place, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
var marker = new google.maps.Marker({
map: map,
position: place.geometry.location
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(place.name);
infowindow.open(map, this);
});
}
});
}
您需要在请求中显式加载此库;
https://maps.googleapis.com/maps/api/js?libraries=places&关键= yourApiKey
place引用只在会话中有效。您不能保存字符串并再次使用它。
var request = {
reference: place.reference
};
google.maps.event.addListener(marker,'click',function(){
service.getDetails(request, function(place, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
var contentStr = '<h5>'+place.name+'</h5><p>'+place.formatted_address;
if (!!place.formatted_phone_number) contentStr += '<br>'+place.formatted_phone_number;
if (!!place.website) contentStr += '<br><a target="_blank" href="'+place.website+'">'+place.website+'</a>';
contentStr += '<br>'+place.types+'</p>';
infowindow.setContent(contentStr);
infowindow.open(map,marker);
} else {
var contentStr = "<h5>No Result, status="+status+"</h5>";
infowindow.setContent(contentStr);
infowindow.open(map,marker);
}
});
示例相关文章:
- 如何使用Google Sheets API+Javascript阅读电子表格
- 获取gmail-api-javascript中的主题行
- 熟练的API JavaScript函数
- 如何从 html 文档中调用 yahoo weather api javascript 函数
- 在Cordova/Phonegap中使用Google API javascript
- 我应该在Google Api javascript中进行什么更改,以便它只能显示印度城市,而不能落后于州和印度
- 如何使用google-api-javascript-client或“Contacts API版本3.0”从gmail导入
- 使用 API javascript 设置 AngularJS 模板
- 通过Twitter API javascript从时间线获取Twitter状态
- 为Google Matrix指定API密钥API Javascript检索用法
- 将HTML文本输入传递给Facebook API javascript调用
- php中的google API javascript代码
- 谷歌地图/地点API JavaScript-无法读取属性'setContent'的未定义
- HUE API JavaScript HTTP PUT请求返回;net::ERR_EMPTY_REPONSE”;
- 循环遍历分页的 API JavaScript
- 将内联 Youtube API JavaScript 代码移动到单独的文件
- 使用 LinkedIn API JavaScript SDK 获取电子邮件地址
- 如何使用Google Sheets API + Javascript更新电子表格
- 访问被拒绝的人 - LinkedIn API Javascript
- Web Audio API - Javascript 创建的 WAV 文件长度不正确且无声