Javascript 谷歌地图路由,蓝色路由线不显示在地图上

Javascript 谷歌地图路由,蓝色路由线不显示在地图上,javascript,google-maps,asynchronous,url-routing,Javascript,Google Maps,Asynchronous,Url Routing,我不熟悉Java脚本,有一个简单的问题: 我使用谷歌地图API(TransitLayer)进行路由。 布线工作正常,方向面板成功创建, 但不幸的是,蓝色的路线没有出现在地图上。 这可能与我异步初始化映射有关。(回调函数) 请参见下面我的javascript函数 这里是指向我的页面的链接: (表2:布线) 非常感谢您的帮助 您的答案可能是使用方向渲染器的选项。您可以为它提供选项,在大多数情况下,您都需要这些选项 { suppressPolylines: false, polylin

我不熟悉Java脚本,有一个简单的问题: 我使用谷歌地图API(TransitLayer)进行路由。 布线工作正常,方向面板成功创建, 但不幸的是,蓝色的路线没有出现在地图上。 这可能与我异步初始化映射有关。(回调函数) 请参见下面我的javascript函数 这里是指向我的页面的链接: (表2:布线)

非常感谢您的帮助



您的答案可能是使用
方向渲染器
的选项。您可以为它提供选项,在大多数情况下,您都需要这些选项

 {
   suppressPolylines: false,
   polylineOptions: // polylineOptions object here
 }
suppress polylines
将在地图上启用多段线。然后可以使用第二个对象设置选项:填充、笔划等,与配置多段线的方式相同

从您的代码构建一个fiddle,我将对其进行编辑以实现它

编辑:更正您的代码-小提琴

注意事项:

  • 它是
    $(“#elementID”)
    ,而不是
    $(“elementID”)
  • 它是
    $(“#输入”).val()
    ,而不是
    $(“#输入”).value
  • 谷歌地图API不接受回调(这是一个非常严重的问题,因为它阻止AMD加载程序加载它)
  • 当上面所有的点都固定后,这条线就会自动工作

  • @user1677716:为您修复了它。非常感谢!但我仍然无法修复我的代码,如果我将您的代码从tinker复制到我的javascriptfile,那么页面(选项卡)根本不会显示。这是我的整个项目:。我现在有点困惑。无论如何,非常感谢……@user1677716:与其盲目复制,不如看看并理解我所做的更改。这是你的作业-毫无疑问,你会被问到关于它的问题。你让我听起来好像我没有为作业工作,而只会使用你的代码。我只是试了一下,但没用,仅此而已。你不必帮助我,我想我更愿意从比我少得多的人那里得到意见arrogant@user1677716:“如果我复制你的代码”。我特别为tinker删除了所有对你的应用程序的引用,因为没有其他方法可以让它运行。我还告诉了您我所做的更改,这将允许您查找并更正代码中的错误。这并不是说我去了“这里,有这个”-你有一张清单,上面列出了我所改变的所有需要改变的东西。
     {
       suppressPolylines: false,
       polylineOptions: // polylineOptions object here
     }