小编gwi*_*124的帖子

使用相对文件路径在Google地图中显示自定义标记

我正在使用谷歌的Javascript APi v.3.0来开发一个网络应用程序.我希望能够显示自定义标记,但是当我尝试添加它们时它们不会显示.我在Javascript中编写了一个辅助函数来显示自定义标记:

function addCustomMarker(iconFile,iconTitle,lat,lng){
   var loc = new google.maps.LatLng(lat,lng);
   var marker = new google.maps.Marker({
      position:loc,
      icon:iconFile,
      title: iconTitle,
      zIndex:2
   });
   marker.setMap(map);//Where map is a google.maps.Map already defined
}
Run Code Online (Sandbox Code Playgroud)

我目前正在本地测试,我的文件结构类似于:

  • /地图应用程序
    • map.htm
    • /图片
      • markerImage.png

在html文件的其他地方,我然后调用javascript函数,如:

addCustomMarker('Images/markerImage.png', 'Custom Marker', 20, 50);
Run Code Online (Sandbox Code Playgroud)

但是,这不起作用.没有标记显示.如果我注释掉"icon:markerIcon"行,则会显示默认标记,告诉我它无法找到图像文件.

有没有办法像我想要的那样从相对路径引用标记图像?我也尝试了'./Images/markerImage.png'和'/Images/markerImage.png',但都没有用.

javascript google-maps-api-3 google-maps-markers

2
推荐指数
1
解决办法
1万
查看次数