2012-05-29 178 views
-2

這是有問題的網頁...谷歌地圖的JavaScript標記問題

http://dev.digitalskydesign.com/locations/

去那裏,懸停的谷歌地圖上的「綠色」圖標之一。在你點擊它之前,將鼠標懸停在它上面,你會看到一堆代碼彈出。

我不想讓代碼出現,但我很難弄清楚如何在JavaScript代碼中處理這些代碼。

處理這個地圖可以在這裏找到的JavaScript代碼...

http://dev.digitalskydesign.com/wp-content/themes/Teamsters-FCU/locations-iframe.php

還有一個名爲「分支的locations.txt」 .txt文件,基本上是剛地址和地址解析爲所有的地圖標記位置。

我不是一個JavaScript大師(只是一個網頁設計師),所以如果你能告訴我什麼代碼修改/包括以及放在哪裏,那將是非常感激。

謝謝你們!

回答

1

看起來你的工具提示屬性中有html。

看起來代碼:var label = points[i].textArray[2]; 是造成這個問題。

如果您希望獲得提示的HTML標記,則需要將事件添加到標記的mouseover事件中,該事件在元素中顯示工具提示,並在mouseout上添加事件以刪除提示元素。

您擁有的其他選項是將標籤更改爲沒有HTML標記的東西。

添加使用JavaScript代碼提示的下面是一個例子:

其中一些來自How to call fromLatLngToDivPixel in Google Maps API V3?

//You need this to get the projection... put this code at the top of your javascript after you declare map 
var overlay = new google.maps.OverlayView(); 
overlay.draw = function() {}; 
overlay.setMap(map); //Where map is your Map2 instance 

//Put this code at line 164 
var label = ''; 
points[i].marker = new GMarker(points[i],{title: label, icon:tinyIcon(opts.icon)}); 
google.maps.event.addListener(points[i].marker, 'mouseover', function() { 

//Create the tip and get the Point so position the tip 
var toolTip = document.createElement('div'),   
    point = overlay.getProjection().fromLatLngToDivPixel(this.getPosition()); 
toolTop.styles.position = 'absolute'; 
toolTop.styles.left = point.x; 
toolTop.styles.top = point.y 

document.body.appendChild(toolTip); 

google.maps.event.addListener(this, 'mouseout', function() { 
    document.body.removeChild(toolTip); 
    }); 

}); 
+0

被帶到我要以$ 5或1 BTC的HTML工具提示的例子+您投票:p – Jay

+0

我不是JavaScript的大師,我基本上只是從谷歌的一個例子中複製這段代碼,並自定義它來適應我的網站主題。任何幫助一個特定的代碼,我可能會添加(以及在哪裏廣告),將不勝感激。 – DigitalSky

+0

我是StackOverflow的新手......什麼是BTC? – DigitalSky