更改嵌入式Google地圖信息氣泡中的位置名稱

我正在我的網站中嵌入Google地圖，但我希望能夠將信息氣泡中的名稱更改爲「地址」之外的其他名稱我想改變在信息泡沫「地址」下面的鏈接，以便它說，「聰明的人在這裏工作」更改嵌入式Google地圖信息氣泡中的位置名稱

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=One+Exchange+Plaza,+26th+Floor+New+York,+NY+10006&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=39.371738,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=1+Exchange+Plaza,+New+York,+10006&amp;t=m&amp;z=14&amp;ll=40.706793,-74.012592&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=One+Exchange+Plaza,+26th+Floor+New+York,+NY+10006&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=39.371738,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=1+Exchange+Plaza,+New+York,+10006&amp;t=m&amp;z=14&amp;ll=40.706793,-74.012592" style="color:#0000FF;text-align:left">View Larger Map</a></small>

來源

2012-05-23 CampSoup1988

據我所知you have to build your own JavaScript page改變這種泡沫。它只使用基本的API組件，但我認爲這對於單個標記來說是相當麻煩的。優點是它的高度可定製性。我只是試圖複製原件，而忽略了方向和搜索鏈接。

<!DOCTYPE html> 
<html> 
    <head> 
    <style type="text/css"> 
     html, body { margin: 0; padding: 0; height: 100% } 
     #infoContents { color: blue; font-family: Arial, sans-serif; font-size: 12px } 
    </style> 
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript"> 
     var map; 
     var spot = new google.maps.LatLng(40.706793,-74.012592); 
     var mapCenter = new google.maps.LatLng(40.712583,-74.00933592); 
     var mapOptions = { center: mapCenter, zoom: 14, 
     mapTypeId: google.maps.MapTypeId.ROADMAP }; 

     function initialize() { 
     map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
     var iconShadow = new google.maps.MarkerImage(
      "http://www.google.com/mapfiles/ms/micons/msmarker.shadow.png", 
      new google.maps.Size(59,32), 
      new google.maps.Point(0,0), 
      new google.maps.Point(15,32)); 

     var marker = new google.maps.Marker({ 
      map: map, 
      position: spot, 
      icon: "http://www.google.com/mapfiles/markerA.png", 
      shadow: iconShadow 
     }); 

     var infowindow = new google.maps.InfoWindow({ 
      content: '<div id="infoContents"><b style="font-size: 16px">I am so Smart</b><br><br>1 Exchange Plaza<br>New York, NY 10006</div>' 
     }); 

     infowindow.open(map, marker); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map_canvas" style="width: 425px; height: 350px;"></div> 
    </body> 
</html>

來源

2012-05-23 22:59:48

我第一次嘗試使用谷歌地圖API 3.0版本，但它只會接受長/緯度座標，而不是地址。通過我的網站，用戶可以輸入公司的地址等。然後，用戶可以點擊公司列表並查看列表的詳細信息，包括位置的地圖。當我意識到我可以將地址放入URL以獲取位置的地圖時，我切換到此方法。在你的例子中，我將再次查找地址的長/寬。 – CampSoup1988

你是對的，你需要通過地理編碼將地址與API關聯起來。我只是想改變信息泡沫，就像問題的原意一樣。我不知道用maps.google.com嵌入的方法。 –

我很抱歉沒有說清楚。我希望API接受的地址，而不是隻有長/經 – CampSoup1988

如果你在2016年讀這篇文章，您可以創建與谷歌的MyMaps地圖和節省時間;）在映射

來源

2016-02-23 16:59:31 Keith

請詳細說明如何回答這個問題。 – JAL

更改嵌入式Google地圖信息氣泡中的位置名稱

回答

相關問題