嵌入文本的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地图符号

回答

相关问题