Google maps 有没有一种方法可以将id添加到在向google地图添加标记时创建的div中？
这个问题不言自明。当一个标记被添加到google地图中时，在DOM中它看起来就像是一个环绕在标记图像周围的div。如果这些div可以被唯一地识别，那么对我来说就容易多了，例如，我可以用getElementById（）或类似的工具在地图上抓取单个标记。我正在使用谷歌地图v3Google maps 有没有一种方法可以将id添加到在向google地图添加标记时创建的div中？,google-maps,Google Maps,这个问题不言自明。当一个标记被添加到google地图中时，在DOM中它看起来就像是一个环绕在标记图像周围的div。如果这些div可以被唯一地识别，那么对我来说就容易多了，例如，我可以用getElementById（）或类似的工具在地图上抓取单个标记。我正在使用谷歌地图v3 谢谢。是的，有-您可以创建一个自定义覆盖类来包含自定义标记。幸运的是，有人已经有了这个想法，并且做到了。查看RichMarker和StyledMarker in（位于页面底部），它们都允许您将自定义标记/css类放入标记标记中
谢谢。是的，有-您可以创建一个自定义覆盖类来包含自定义标记。幸运的是，有人已经有了这个想法，并且做到了。查看RichMarker和StyledMarker in（位于页面底部），它们都允许您将自定义标记/css类放入标记标记中 如果只想将工具提示附加到标记，也可以在创建时将自定义特性附加到标记（例如工具提示文本或其他内容），然后添加鼠标悬停事件处理程序来读取该特性并对其执行操作 例如：
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps Markers</title>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
//your tooltips
msg = ['Yeah Right', 'oompa oompa','I feel good']
var marker;
function initialize() {
var chicago = new google.maps.LatLng(41.875696,-87.624207);
var myOptions = {
zoom: 11,
center: chicago,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
marker = new google.maps.Marker({
map:map,
position: chicago,
title: "<h2>Sample Tooltip</h2>", //title can also be used for custom tooltips
myCustomIndex:2 //storing index of a tooltip
})
//if you have multiple markers pls read about event closures http://code.google.com/apis/maps/documentation/javascript/events.html#EventClosures
//attach an event to the marker
google.maps.event.addListener(marker, 'mouseover', function() {
//you could also use the title property of the marker to hold the text of the tooltop
showFakeTooltip(marker.title)
//or you could show it by accessing a custom property
showTooltip(marker.myCustomIndex);
});
}
function showFakeTooltip(title) {
$(".fakeTooltip").html(title);
}
function showTooltip(index) {
alert(msg[index])
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 900px;height: 600px;"></div>
<div class="fakeTooltip"></div>
</body>
</html>
谷歌地图标记
var映射；
//你的工具提示
msg=[“是的，对”，“哦，哦，哦”，“我感觉很好”]
var标记；
函数初始化（）{
var chicago=new google.maps.LatLng（41.875696，-87.624207）；
变量myOptions={
缩放：11，
中心：芝加哥，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map（document.getElementById（“map_canvas”），
肌肽）；
marker=新的google.maps.marker({
地图：地图，
职位：芝加哥，
标题：“示例工具提示”，//标题也可用于自定义工具提示
myCustomIndex:2//存储工具提示的索引
})
//如果您有多个标记，请阅读有关事件关闭的信息http://code.google.com/apis/maps/documentation/javascript/events.html#EventClosures
//将事件附加到标记上
google.maps.event.addListener（标记'mouseover'，函数（）{
//您还可以使用标记的title属性来保存工具提示的文本
showFakeTooltip（marker.title）
//也可以通过访问自定义属性来显示它
显示工具提示（marker.myCustomIndex）；
});
}
函数showFakeTooltip（标题）{
$（“.fakeTooltip”）.html（标题）；
}
函数显示工具提示（索引）{
警报（消息[索引]）
}