Question

如何在Google地图JavaScript API中将包含自定义标题和其他信息的div容器附加到地图标记的顶部

看起来像这样：

注意：

容器应始终可见（如果标记可见）。
容器应与标记一起移动。
容器在地图框外不可见。

我的API配置：

<div id="locMap"></div>
<script>    
    function initMap() {

                var Loc = {lat: 10.914912, lng: 75.925752};
                var map = new google.maps.Map(document.getElementById('locMap'), {
                  zoom: 12,
                  center: Loc
                });

                var marker = new google.maps.Marker({
                  position: Loc,
                  map: map
                });

              }
</script>

Answer 1

尝试将使用google maps infowindow元素附加到gmaps标记，api：https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

Answer 2

Google地图信息窗口 https://developers.google.com/maps/documentation/javascript/infowindows 和 https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

+------+-----------+----------+-----------+------------+------------+
| type | object_id | can_read | can_write | can_delete | can_create |
+------+-----------+----------+-----------+------------+------------+
|    0 |         1 |        1 |         0 |          0 |          1 |
|    0 |         1 |        1 |         1 |          0 |          0 |
|    0 |         2 |        1 |         0 |          0 |          0 |
|    1 |         1 |        1 |         1 |          1 |          0 |
+------+-----------+----------+-----------+------------+------------+

如何在谷歌地图javascript api中将div容器附加到地图标记的顶部

2 个答案: