谷歌地图信息框中的图像没有显示

Image in google map info box doesn't show

本文关键字：显示 图像 信息 谷歌地图      更新时间：2023-09-26

我在VS 2015工作。

我需要创建一个标记有点击事件弹出的图像和信息从内容。

我已经尝试了一切，但我在那个位置的图像似乎不工作。

这是我到目前为止所做的:

<script>
  // Declare a varibale for map
  var map;
  // Get lattitude and longitude of Canberra Centre
  var canberraCentre = new google.maps.LatLng(-35.2792284, 149.1321033);
  // Initialise the map
  function initMap() {
    // Define the properties for Canberra Centre map
    var canberraMap = {
      center: canberraCentre,
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    // Create a map object for Canberra Centre
    // using canberraMap and the <div> element with id="googleMap"
    map = new google.maps.Map(document.getElementById("googleMap"), canberraMap);
    // Add markers
    addKinnMarker(map);
  }
  // Kinn marker
  function addKinnMarker(map) {
    var Kinn = new google.maps.LatLng(-35.279527, 149.133558);
    var markerKinn = new google.maps.Marker({
      position: Kinn,
    });
    markerKinn.setMap(map);
    var contentKinn =
      ' <h1>Kinn</h1>' +
      ' <img src="D:'Uni'WDP'Assignment_1'Restaurants'src'Restaurants'wwwroot'images'Kinn'KinnLogosmall.JPG" border="0" width="100px" height="30" align="left">' +
      ' <p>Kinn Thai Restaurant <br/>' +
      'It is located on 125 Bunda Street in the Canberra Centre<br>' +
      '<a href="http://www.kinnrestaurant.com.au/canberra/">Vist Kinn for more information</a>' +
      ' </p>';
      var infoKinn = new google.maps.InfoWindow({
        content: contentKinn
      });
      google.maps.event.addListener(markerKinn, 'click',
        function () {
          infoKinn.open(map, markerKinn);
        });
      }
</script>

不确定是否可以将引用设置为这样的图像(src属性)。尝试将图像保存在项目目录中，然后相应地更改路径。

相关文章：