谷歌地图标记工具提示
Google Map Marker Tooltip
如何通过在脚本中解析的XML数据来更新每个标记的默认工具提示title: 'Testing'
?
function createMarker(latlng, name, html) {
var contentString = html;
var marker = new google.maps.Marker({
position: latlng,
title: 'Testing',
icon: 'images/test.png' ,
map: map,
zIndex: Math.round(latlng.lat()*-100000)<<5
});
正在加载XML(要从var name
提取):
downloadUrl("data.xml", function(doc) {
var xmlDoc = xmlParse(doc);
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
// obtain the attribues of each marker
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new google.maps.LatLng(lat,lng);
var name = markers[i].getAttribute("name");
您可以使用setTitle()
方法更新标记的标题文本:
marker.setTitle(name);
相关文章:
- d3.js Chord图的动态工具提示
- Graphiti中是否有任何工具提示功能
- "工具提示"jQuery插件坏了
- 单元格的工具提示或标题不显示超过2000个字符
- d3.js用按钮更新条形图工具提示
- 使Intro.js工具提示响应
- 画布中绘制的矩形区域的弹出工具提示
- 使用CSS/JavaScript更改剑道图工具提示文本颜色
- 禁用NVD3 multiBarHorizontalChart中0值的工具提示
- 如何更改已显示的工具提示
- 如何访问高图表工具提示中的任何特定数据
- 如何在jQuery点击函数中添加并显示引导工具提示
- 我可以't使用jQuery更改工具提示引导程序的位置
- 语义UI中格式化的工具提示
- 柱状图上的Highcharts工具提示
- HTML5/Bootstrap-如何为引导程序图标添加工具提示
- 如何在 extjs 4.2.1 中为鼠标悬停时的行扩展器图标提供工具提示
- JS:工具提示在图标右侧的相对位置
- Bootstrap工具提示无法使用字体真棒图标
- 工具提示数据将显示在工具提示图标的右上方