Question

如何自定义google maps标记描述参数的描述部分。

        "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:

请帮忙！谢谢大家：）

Answer 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。

Google地图标记中的自定义说明

1 个答案: