Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在谷歌地图街景api中标记地点类型_Javascript_Html_Google Maps_Google Maps Api 3_Google Street View - Fatal编程技术网

Javascript 在谷歌地图街景api中标记地点类型

Javascript 在谷歌地图街景api中标记地点类型,javascript,html,google-maps,google-maps-api-3,google-street-view,Javascript,Html,Google Maps,Google Maps Api 3,Google Street View,我不熟悉谷歌地图API和使用streetview 我想在屏幕截图中显示街景中每个位置的标签 (见有橙色和蓝色标签,如餐厅、咖啡馆、服装店) 我可以使用places API锁定一些地点类型,它锁定在地图上,但没有锁定在街景上 var映射; 函数createMap(){ map=new google.maps.map(document.getElementById('map'){ 中心:{lat:42.345573,lng:-71.098326}, 缩放:20 }); var请求={ 位置:ma

我不熟悉谷歌地图API和使用streetview

我想在屏幕截图中显示街景中每个位置的标签

(见有橙色和蓝色标签,如餐厅、咖啡馆、服装店)

我可以使用
places API
锁定一些地点类型,它锁定在地图上,但没有锁定在街景上

var映射;
函数createMap(){
map=new google.maps.map(document.getElementById('map'){
中心:{lat:42.345573,lng:-71.098326},
缩放:20
});
var请求={
位置:map.getCenter(),
半径:8047,
类型:[“咖啡馆”]
}
var service=newgoogle.maps.places.PlacesService(地图);
服务.nearbySearch(请求、回调);
const panorama=新建google.maps.StreetViewPanorama(
document.getElementById(“pano”),
{
位置:map.getCenter(),
pov:{
标题:34,
投球:10分,
},
}
);
地图设置树视图(全景);
}
函数回调(结果、状态){
if(status==google.maps.places.PlacesServiceStatus.OK){
console.log(results.length);
对于(var i=0;i
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
#地图,
#帕诺{
浮动:左;
身高:100%;
宽度:50%;
}

如果您需要标记在地图和街景上都可见,只需在
地图
全景
上创建标记即可

请参阅代码中的注释。我还修改了中心点和全景标题,以便加载时可以看到标记

var映射;
var panorama;//添加此选项以使全景处于全局范围
函数createMap(){
map=new google.maps.map(document.getElementById('map'){
中心:{lat:42.344268,lng:-71.101617},
缩放:20
});
var请求={
位置:map.getCenter(),
半径:8047,
类型:[“咖啡馆”]
}
var service=newgoogle.maps.places.PlacesService(地图);
服务.nearbySearch(请求、回调);
panorama=新建google.maps.StreetViewPanorama(
document.getElementById(“pano”),
{
位置:map.getCenter(),
pov:{
标题:65,
投球:10分,
},
}
);
地图设置树视图(全景);
}
函数回调(结果、状态){
if(status==google.maps.places.PlacesServiceStatus.OK){
console.log(results.length);
对于(var i=0;i
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
#地图,
#帕诺{
浮动:左;
身高:100%;
宽度:50%;
}


太好了,谢谢。但是我怎样才能使那些默认标记可见,比如屏幕截图上的标记(有餐厅图标标记、酒店图标标记等)。我已经扫描了所有的谷歌开发者文档,但还没有看到如何显示这些文档。谢谢这些被称为POI和AFAIK,你不能在街景中显示它们。你在谷歌地图网站上看到的东西并不总是可以通过API获得。谢谢你给我这些条款和澄清。现在我知道它不是API的一部分。以我的观点来看,你做这件事的方式(向PlacesAPI请求/显示你自己的标记)就是这样做的。这将是一个有趣的功能,所以我打开了一个问题跟踪。如果谷歌决定实施它,你可以将该问题标记为通知。我已经标记了问题bug跟踪器。这是一个很好的功能,如果它将被添加。