文章/答案/技术大牛

发布

社区首页 >问答首页 >Google Directions API

问Google Directions API
EN

Stack Overflow用户

提问于 2013-07-30 16:20:53

回答 5查看 11.6K关注 0票数 19

在JSON输出中，在"step“中有一个字段"maneuver”。在这个“左转”、“右转”、“轻微左转”等中，示例是here

我在哪里可以找到"maneuver“字段的定义，以及可能的值列表？没有相关的描述here

提前感谢

directions

google-directions-api

回答 5

Stack Overflow用户

发布于 2014-03-09 23:51:22

以下是懒惰人的视觉效果:)

真不敢相信Google还没有记录这一点...

maneuver包含当前步骤(左转、合并、直行等)要采取的操作。

此字段用于确定要显示的图标，可以包含下列值之一：

票数 25

Stack Overflow用户

发布于 2013-07-31 23:52:52

更新

信不信由你，但最终他们还是记录了下来！请使用see here。

根据this gmaps-api-issue的说法，我认为谷歌并不急于记录api的这一部分：

但我至少可以通过以下方式帮助解决这个问题...“action”字段是对step动作的简短描述。我想谷歌的脚本使用它来将css类应用到direction panel。我注意到每个步骤的图标依赖于css类".adp-{maneuver_name}“。面板的Css文件包含18个带有该掩码的类，我已经提取了动作列表：

turn-sharp-left
uturn-right
turn-slight-right
merge
roundabout-left
roundabout-right
uturn-left
turn-slight-left
turn-left
ramp-right
turn-right
fork-right
straight
fork-left
ferry-train
turn-sharp-right
ramp-left
ferry

在工作过程中，我发现了没有css类的"maneuver“字段的两个附加值：

keep-left
keep-right

我不能保证这个列表是完整的，但是我在我的项目中使用了这个列表，并且它工作正常。

票数 23

Stack Overflow用户

发布于 2015-06-18 03:30:09

当您使用方向服务时，谷歌地图会在您的<head>中注入一些css

从2015/6月开始，我得到了下面的代码。谷歌似乎只下载它需要的内容来显示方向，所以，你的结果可能会有所不同。

背景-底部的图像文件：

.adp-substep .adp-stepicon .adp-maneuver {
        background-size: 19px 630px;
        position: absolute;
        left: 0;
        width: 16px;
        height: 16px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-ferry {
        background-position: 0 -614px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-ferry-train {
        background-position: 0 -566px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-merge {
        background-position: 0 -143px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-straight {
        background-position: 0 -534px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-fork-left {
        background-position: 0 -550px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-ramp-left {
        background-position: 0 -598px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-roundabout-left {
        background-position: 0 -197px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-left {
        background-position: 0 -413px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-sharp-left {
        background-position: 0 0
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-slight-left {
        background-position: 0 -378px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-uturn-left {
        background-position: 0 -305px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-fork-right {
        background-position: 0 -499px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-ramp-right {
        background-position: 0 -429px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-roundabout-right {
        background-position: 0 -232px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-right {
        background-position: 0 -483px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-sharp-right {
        background-position: 0 -582px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-turn-slight-right {
        background-position: 0 -51px
    }

    .adp-substep .adp-stepicon .adp-maneuver.adp-uturn-right {
        background-position: 0 -35px
    }

    .adp-substep .adp-stepicon .adp-maneuver {
        background-image: url(http://maps.gstatic.com/mapfiles/api-3/images/maneuvers.png);
    }

票数 8

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17941812

复制

相似问题

问Google Directions API
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google Directions APIEN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google Directions API
EN