0

我目前正在尝试创建指向当前显示在谷歌地图上的帖子的超链接。该地图根据其纬度和经度显示每个帖子。下面的代码链接到每个帖子的标题，但问题是标题通常是大写或有空格。这是我所拥有的：

`

    <div class="court-listing" id="map-canvas"></div>


    <script>
        function initialize() {
            var map = new google.maps.Map(document.getElementById('map-canvas'), {
      center: {lat: 40.674, lng: -73.945},
      zoom: 12,
      styles: [
        {elementType: 'geometry', stylers: [{color: '#242f3e'}]},
        {elementType: 'labels.text.stroke', stylers: [{color: '#242f3e'}]},
        {elementType: 'labels.text.fill', stylers: [{color: '#746855'}]},
        {
          featureType: 'administrative.locality',
          elementType: 'labels.text.fill',
          stylers: [{color: '#d59563'}]
        },
        {
          featureType: 'poi',
          elementType: 'labels.text.fill',
          stylers: [{color: '#d59563'}]
        },
        {
          featureType: 'poi.park',
          elementType: 'geometry',
          stylers: [{color: '#263c3f'}]
        },
        {
          featureType: 'poi.park',
          elementType: 'labels.text.fill',
          stylers: [{color: '#6b9a76'}]
        },
        {
          featureType: 'road',
          elementType: 'geometry',
          stylers: [{color: '#38414e'}]
        },
        {
          featureType: 'road',
          elementType: 'geometry.stroke',
          stylers: [{color: '#212a37'}]
        },
        {
          featureType: 'road',
          elementType: 'labels.text.fill',
          stylers: [{color: '#9ca5b3'}]
        },
        {
          featureType: 'road.highway',
          elementType: 'geometry',
          stylers: [{color: '#746855'}]
        },
        {
          featureType: 'road.highway',
          elementType: 'geometry.stroke',
          stylers: [{color: '#1f2835'}]
        },
        {
          featureType: 'road.highway',
          elementType: 'labels.text.fill',
          stylers: [{color: '#f3d19c'}]
        },
        {
          featureType: 'transit',
          elementType: 'geometry',
          stylers: [{color: '#2f3948'}]
        },
        {
          featureType: 'transit.station',
          elementType: 'labels.text.fill',
          stylers: [{color: '#d59563'}]
        },
        {
          featureType: 'water',
          elementType: 'geometry',
          stylers: [{color: '#17263c'}]
        },
        {
          featureType: 'water',
          elementType: 'labels.text.fill',
          stylers: [{color: '#515c6d'}]
        },
        {
          featureType: 'water',
          elementType: 'labels.text.stroke',
          stylers: [{color: '#17263c'}]
        }
      ]
    });
            var bounds = new google.maps.LatLngBounds();
            function addMarker(lat, lng, title) {
                var location = new google.maps.LatLng(lat, lng);
                var marker = new google.maps.Marker({
                    position: location,
                    map: map,
                    title: title
                });
            var infowindow = new google.maps.InfoWindow({
      content: '<a href="' + marker.getTitle() + '">' + marker.getTitle() + '</a>'
    });
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map, marker);
    });
                bounds.extend(location);
            }
             {% for obj in object_list %}
                 addMarker({{ obj.location.latitude }}, {{ obj.location.longitude }}, "{{ obj.title }}");

            {% endfor %}

            map.fitBounds(bounds);

        }
        google.maps.event.addDomListener(window, 'load', initialize);
    </script> `

这是我在模型中定义的链接到每个帖子的内容：

{{ obj.get_absolute_url }}

有没有一种简单的方法可以将其包含在 infoWindow 中？我假设它需要以某种方式适合标记数组，但我无法成功添加它。

提前道歉，我是 Django 新手……这在 Rails 中似乎要简单得多。

任何提示都会很棒。

4

0 回答 0