如何使用jquery在谷歌地图中设置汽车图标答案

【问题标题】：How to set car icon in google map using jquery如何使用jquery在谷歌地图中设置汽车图标
【发布时间】：2018-07-07 19:52:11
【问题描述】：

是否可以在不使用 car.png、car.jpg 等图像格式的情况下在谷歌地图中设置自定义汽车图标。因为旋转问题即将到来。所以我只想要图标类型（SVG），如下所示

var car = "M17.402,0H5.643C2.526,0,0,3.467,0,6.584v34.804c0,3.116,2.526,5.644,5.643,5.644h11.759c3.116,0,5.644-2.527,5.644-5.644 V6.584C23.044,3.467,20.518,0,17.402,0z M22.057,14.188v11.665l-2.729,0.351v-4.806L22.057,14.188z M20.625,10.773 c-1.016,3.9-2.219,8.51-2.219,8.51H4.638l-2.222-8.51C2.417,10.773,11.3,7.755,20.625,10.773z M3.748,21.713v4.492l-2.73-0.349 V14.502L3.748,21.713z M1.018,37.938V27.579l2.73,0.343v8.196L1.018,37.938z M2.575,40.882l2.218-3.336h13.771l2.219,3.336H2.575z M19.328,35.805v-7.872l2.729-0.355v10.048L19.328,35.805z";
var icon = {
  path: car,
  scale: .7,
  strokeColor: 'white',
  strokeWeight: .10,
  fillOpacity: 1,
  fillColor: '#404040',
  offset: '5%',
  // rotation: parseInt(heading[i]),
  anchor: new google.maps.Point(10, 25) // orig 10,50 back of car, 10,0 front of car, 10,25 center of car
};

以上类型的车还可以。但是我想使用 images/carnew.svg 图像作为图标，有什么办法吗？

【问题讨论】：

如果上面的代码有效，为什么不直接改变它的颜色呢？
先生，无论如何
i need another type of car 你的意思是你需要两辆车还是什么？究竟是什么问题？为什么不能把fillColor: '#404040'改成fillColor: '#ffff00'？
您可以像在this 回答中那样执行此操作。但是，这意味着您必须为每个路径和颜色放置一个标记。这意味着，在你的情况下有很多标记。另外，我不确定它看起来是否不错，但有可能。为什么不能使用图片？如果您不想将它保存在服务器上，您可以使用 base64，例如 this 答案。
hai先生，这是什么类型？我不知道？以及如何将我的svg图像转换为这种类型 var car = "M17.402,0H5.643C2.526,0,0, 3.467,0,6.584v34.804c0,3.116,2.526,5.644,5.643,5.644h11.759c3.116......."

标签： javascript google-maps svg google-maps-api-3

【解决方案1】：

var image="https://example.com/images/carnew.svg";

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

您提到的图像将显示为标记。

【讨论】：