我使用Google Maps API v3顯示Google(StreetviewPanorama)並在其中放置標記。Google街景標記圖標大小自動縮小
這就像典型的谷歌街景,但在建築物內不臨街。
所以我設法留下一個標記,在它下面的代碼:
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開始時顯示,而不是在「移動」到另一個點後?
要測試的標記,我讓他們可拖動。如果我將它們拖到Panorama-Height的中間,Marker-Icon開始縮小尺寸。
讓我嘗試指定「在全景 - 高度的中間」:
當你拍攝全景照片,你知道你的頭,這是喜歡你的眼部中間嘆息。如果你看看上面,你可以在別人的頭上看..如果你看起來更上,你可以看到星星..
好吧,在這一點上,我們看你「在其他人的頭」該圖標開始縮小尺寸。
此行爲應該停止!我tryed用下面的代碼來分析它:
var mouse_up = google.maps.event.addListener(marker, "mouseup", function(e){
console.log(marker.getPosition(), marker.getIcon());
});
的大小和圖標的scalableSize保持不變(hotspot.content.width和高度= 50像素)。
所以我不明白爲什麼圖標變小。如果我將圖標拖到「其他人的頭像」上並放下圖標,它會消失,因爲它很小。
的問題的圖像:
你可以看到3個標記,每個人的50像素一個Size,50像素。越高,我拖動或放置他們,他們得到越小,直到消失。
在例子中,我想將其中一人的光。所以點擊燈光旁邊的圖標會打開一個Highlightbox,上面寫着「這是一盞燈」。但是,當Icon變小或消失時,我無法做到這一點。
任何人都知道我能做什麼?
有趣的問題。有可能有一個[jsfiddle](http://jsfiddle.net)? – MrUpsidown