使用本地文件夹如何存储谷歌标记答案

【问题标题】：Using a local folder how to store google markers使用本地文件夹如何存储谷歌标记
【发布时间】：2012-09-21 01:31:12
【问题描述】：

var newIcon = new google.maps.MarkerImage('images/red-pushpin.png');
var newIcon = 'http://images/red-pushpin.png';
var newIcon = 'http://maps.google.com/mapfiles/ms/icons/red-pushpin.png';

var MarkerOption = {地图：地图，位置：MarkerLatLng，标题：名称，图标：newIcon }； var Marker = new google.maps.Marker(MarkerOption);

我正在使用 VB WebBrowser 控件加载 HTML 页面并通过以下方式访问 Google 地图 javascript。一切正常，除了我只能通过上面的第 3 行访问标记但我想使用本地图像文件夹（图像）但 javascrip 无法“看到”它，但是它与 HTML 页面位于同一目录中。请问我错过了什么？

【问题讨论】：

标签： javascript html google-maps

【解决方案1】：

根据MarkerOptions docs，图标应该是一个URL。

因此，如果网站通过 http 提供服务，您将只能访问 url 中的图像，并且嵌入 file:/// 的本地文件往往会被浏览器忽略。所以只有你的 3 行在工作。

如果你想从本地驱动器访问你的图标图像，你可以这样做：

var newIcon= "http://mysite.com/images/red-pushpin.png"

代替 mysite 将其替换为您在运行时为您的网站获取的网址

【讨论】：

我只在家用电脑上，所以没有服务器。无论如何，自从发布这个我发现 google.maps.MarkerImage 将接受一个路径，但只有一个绝对路径，即 'c:\users\fred\images\red-pushpin.png' 有效。由于这是通过 WebBrowser 从 VB 运行的，因此我可以将路径 (My.Computer.Info.DirectoryPath) 传递给 javascript，然后上面的第 1 行变为 var newIcon = new google.maps.MarkerImage(path + '\images\red-pushpin .png');