【发布时间】:2014-02-19 12:09:05
【问题描述】:
我正在使用 Google Maps API v3 来显示 Google (StreetviewPanorama) 并在其中放置标记。
这就像典型的谷歌街景,但里面的建筑物不是街道。
所以我设法用以下代码在其中放置了一个标记:
var marker = new google.maps.Marker({
position: streetview.getPosition(), // Test LatLng Position Value
icon: {
url: 'images/alert-icon.png',
size: new google.maps.Size( hotspot.content.width, hotspot.content.height ),
scaledSize: new google.maps.Size( hotspot.content.width, hotspot.content.height )
},
title: 'Alert',
draggable: true,
clickable: true,
raiseOnDrag: false
});
marker.setMap( streetview );
以下问题:
在街景开始时,我必须“移动”到另一个点以显示标记。我可以让它在 StreetviewPanorama 开始时显示,而不是在我“移动”到另一个点之后显示吗?
为了测试标记,我将它们设置为可拖动的。如果我将它们拖到全景高度的中间,标记图标会开始缩小尺寸。
让我尝试指定“在全景高度的中间”:
当您拍摄全景照片时,您就知道自己的头在哪里,这就像您的 Eye-Sighs 的中间。如果你往上看,你可以看到其他人的头顶。如果你往上看,你可以看到星星。
好的,此时,我们你看“在其他人的头上”图标开始减小他的大小。
这种行为应该停止!我尝试使用以下代码对其进行分析:
var mouse_up = google.maps.event.addListener( marker, "mouseup", function( e ){
console.log( marker.getPosition(), marker.getIcon() );
});
图标的大小和可扩展大小保持不变(hotspot.content.width 和高度 = 50px)。
所以我不明白为什么图标变小了。如果我将图标拖到“其他人的头像”上方并放下图标,它就会消失,因为它太小了。
有问题的图片:
您可以看到 3 个标记,每个标记的大小为 50px,50px。我将它们拖动或放置得越高,它们就越小,直到消失。
例如,我想将其中一个放在灯光下。因此,单击灯附近的图标将打开一个突出框,上面写着“这是灯”。但是当图标变小或消失时,我不能这样做。
有人知道我能做什么吗?
【问题讨论】:
-
有趣的问题。是否有可能拥有jsfiddle?
标签: google-maps google-maps-api-3 google-maps-markers google-street-view