嵌入文本的Google地圖符號

我想在谷歌地圖上創建帶有文本的符號，如下圖所示，其中的道路標有其名稱，例如， M1。嵌入文本的Google地圖符號

google maps example

另外的文本沒有預定義的，所以我不能使用存儲的圖標，相應的文本。關於谷歌如何創建這些符號的任何想法？

來源

2014-11-03 Pavlos Papanikolaou

好這裏的想法是用你的後端語言編寫一個服務器端進程來渲染這個動態圖像。

對於PHP有：PHP GD

Perl的（我目前的後端）對於繪製圖像的一些模塊。

我確定無論你的後端是否有一些。

無論如何，您可以編寫一些代碼，給定一些GET變量將返回使用它們繪製的圖像。

然後你只需要一個小功能打造網址：

function getImage(text,color) { 
    return "example.com/draw/icon.php?text="+text+"&color="+color; 
}

這將調用服務器端的文件，可以用正確的頭回圖像。

你需要採用某種形式的緩存來生成這些可能在服務器端和客戶端，這取決於你的應用程序加載。

來源

2014-11-17 14:53:57

我使用PHP GD和png圖像創建的很棒。 – 2014-11-20 11:59:29

太棒了，請確保您緩存它們以避免垃圾郵件:) – 2014-11-20 14:28:44

所以你想添加地名？您可以創建自定義圖標或標籤，您是使用API還是我的地圖？

這可能會幫助，如果您使用我的地圖：

https://support.google.com/mymaps/answer/3024931?hl=en

否則，如果您使用的API，然後試試這個：

var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/'; 
var icons = { 
    parking: { 
    icon: iconBase + 'parking_lot_maps.png' 
    }, 
    library: { 
    icon: iconBase + 'library_maps.png' 
    }, 
    info: { 
    icon: iconBase + 'info-i_maps.png' 
    } 
}; 

function addMarker(feature) { 
    var marker = new google.maps.Marker({ 
    position: feature.position, 
    icon: icons[feature.type].icon, 
    map: map 
    }); 
}

https://developers.google.com/maps/tutorials/customizing/custom-markers

來源

2014-11-03 09:30:31 Pixelomo

我正在使用API。正如我所說我有一個動態的數據集，我需要放在地圖上。這就像在數據庫中添加M1，M2和M3以及M4新道路一樣。我需要一個M4的新符號。這個符號我需要動態創建（例如，裏面有最多4個字母的矩形），以便將其與標記或折線相關聯。 – 2014-11-03 10:51:32

addMarker函數應該可以幫助你 – Pixelomo 2014-11-03 11:35:51

嵌入文本的Google地圖符號

回答

相關問題