谷歌地图标记中的自定义描述答案

【问题标题】：Custom Description in Google Map Marker谷歌地图标记中的自定义描述
【发布时间】：2015-09-26 19:06:33
【问题描述】：

如何自定义谷歌地图标记描述参数的描述部分。

        "title": '<%# Eval("country") %>',
        "lat": '<%# Eval("Latitude") %>',
        "lng": '<%# Eval("Longitude") %>',
        "description": 'Location : <%# Eval("City") %>,<%# Eval("country") %>,<%# Eval("Latitude") %>,<%# Eval("Longitude") %>'

这是我正在寻找的输出，每个数据要显示在下一行 -

Location: Name of a city
Country : Name of a Country
Latitude:
Longitude:

请帮忙！谢谢大家:)

【问题讨论】：

标签： javascript mysql asp.net google-maps

【解决方案1】：

听起来您需要的是InfoWindow。这些基本上是包含 HTML 并在地图上某个点弹出的容器。

var marker = new google.maps.Marker({
  position: new google.maps.LatLng(0,0)
});
marker.description = new google.maps.InfoWindow({
  content:"HTML Content goes here"
});
google.maps.event.addListener(marker, 'click', function(){
  this.description.setPosition(this.getPosition());
  this.description.open(map); //map to display on
});

使用您想要的任何属性定义标记。
为该标记创建“描述”窗口，其中包含将像普通 HTML 一样显示的 HTML 内容。如果使用 CSS 样式，请确保指定名称将在 div 包含地图的任何内容中。
创建一个事件侦听器，当单击标记时，在地图上标记所在的位置显示InfoWindow。

【讨论】：