javascript - 使用 JavaScript 在 Google 地图上移动巴士图标
问题描述
我正在使用 Javascript 谷歌地图。我想添加一个移动的巴士图标,因为地图标记将每 5 秒重新加载一个新位置。一切都在完美运行。我只想添加一个图标,看起来像一辆真正的公共汽车,它会在路上行驶。
我确实搜索并找到了以下代码:
var car='M29.395,0H17.636c-3.117,0-5.643,3.467-5.643,6.584v34.804c0,3.116,2.526,5.644,5.643,5.644h11.759 c3.116,0,5.644-2.527,5.644-5.644V6.584C35.037,3.467,32.511,0,29.395,0z M34.05,14.188v11.665l-2.729,0.351v-4.806L34.05,14.188z M32.618,10.773c-1.016,3.9-2.219,8.51-2.219,8.51H16.631l-2.222-8.51C14.41,10.773,23.293,7.755,32.618,10.773z M15.741,21.713 v4.492l-2.73-0.349V14.502L15.741,21.713z M13.011,37.938V27.579l2.73,0.343v8.196L13.011,37.938z M14.568,40.882l2.218-3.336 h13.771l2.219,3.336H14.568z M31.321,35.805v-7.872l2.729-0.355v10.048L31.321,35.805';
我的问题是: 如何为校车生成相同的图标/代码?
提前致谢。
解决方案
您提供的代码是 SVG 路径。您可以创建自己的 SVG 路径来绘制总线,然后使用该代码创建总线。
<!DOCTYPE html>
<html>
<body>
<svg height="210" width="400">
<path d="M29.395,0H17.636c-3.117,0-5.643,3.467-5.643,6.584v34.804c0,3.116,2.526,5.644,5.643,5.644h11.759 c3.116,0,5.644-2.527,5.644-5.644V6.584C35.037,3.467,32.511,0,29.395,0z M34.05,14.188v11.665l-2.729,0.351v-4.806L34.05,14.188z M32.618,10.773c-1.016,3.9-2.219,8.51-2.219,8.51H16.631l-2.222-8.51C14.41,10.773,23.293,7.755,32.618,10.773z M15.741,21.713 v4.492l-2.73-0.349V14.502L15.741,21.713z M13.011,37.938V27.579l2.73,0.343v8.196L13.011,37.938z M14.568,40.882l2.218-3.336 h13.771l2.219,3.336H14.568z M31.321,35.805v-7.872l2.729-0.355v10.048L31.321,35.805" />
Sorry, your browser does not support inline SVG.
</svg>
</body>
</html>
运行提供的代码以查看 SVG 中绘制的汽车。
推荐阅读
- php - 如何检测USB记忆棒是否插入电脑?
- github - Sentinel3 产品的 opendatacube 摄取
- java - 如果枚举的原始值存储在数据库中,枚举是一个合适的解决方案吗?
- javascript - 如何从 SharePoint 中的子列表 NewForm.aspx 表单访问父列表 Editform.aspx?
- javascript - 将隐藏文本数组中的项目显示给按钮数组中的相应按钮
- azure - ARM 模板 - 不允许在主模板中使用多个链接模板
- neo4j - Neo4j - Cypher 自反关系查询
- python - 使用 Dask 或 Joblib 构建并行 Sklearn 模型
- reactjs - 使用 apollo 客户端设置初始状态
- python - 使用正则表达式时出错。断言错误:得到
, 预期的 `