Symfony2:IvoryGoogleMapBundle中的HTML5地理位置API

亚历山德鲁·弗库里塔(Alexandru Furculita)

我正在基于Symfony2的一个项目。我正在使用IvoryGoogleMapBundle捆绑包来生成Google Maps。对于地图,我需要将其以当前用户坐标为中心。

为此,我想使用Geolocation HTML5 API,而不是服务器端解决方案。

在捆绑包的文档中,没有针对这种情况的解决方案。

将此功能添加到由IvoryGoogleMap生成的google地图的一种优雅方法是什么?

费迪纳

首先生成地图:

我们使用服务来生成它。但是地图的基本设置非常简单。

/** var \Ivory\GoogleMapBundle\Model\MapBuilder $map */
$map = $mapBuilder->build();
// any additional config goes here.
// make sure you set the Javascript Variable name like so:
$map->setJavascriptVariable('your_awesome_map');

现在渲染地图:

{{ google_map_container(map) }}
{{ google_map_js(map) }}

最后,您可以注入自己的Javascript代码:

设置一个javascript文件,并将其包含在您的模板中。在该文件中,您现在可以执行以下操作:

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(updateMap, error);
}

function updateMap(position) {
    // location determined
}

position 包含当前位置,如下所示:

position.coords.latitude, position.coords.longitude

使用它,例如将地图居中放置。您可以通过Javascript变量访问在服务中生成的地图your_awesome_map

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTML5地理位置与Google Maps地理位置api

来自分类Dev

各种浏览器中的HTML5地理位置API

来自分类Dev

Google Maps API中的HTML5地理位置

来自分类Dev

使用html5地理位置api创建地理围栏

来自分类Dev

如何使用HTML5地理位置javascript使用地理位置(用户的当前位置)初始化Google Maps API

来自分类Dev

Javascript和HTML5地理位置-如何存储位置?

来自分类Dev

错误处理不适用于Chrome中的HTML5地理位置

来自分类Dev

HTML5地理位置watchPosition仅被调用一次

来自分类Dev

HTML5地理位置不等待用户输入

来自分类Dev

在Rails中发布表单时使用HTML5地理位置

来自分类Dev

HTML5地理位置不正确

来自分类Dev

HTML5地理位置不同步

来自分类Dev

需要HTML5地理位置+ javascript帮助

来自分类Dev

HTML5地理位置不正确

来自分类Dev

HTML5地理位置跟踪未返回正确的坐标

来自分类Dev

使用HTML5地理位置在这里映射

来自分类Dev

html5地理位置是否存在“ GPS状态已更改”事件?

来自分类Dev

将HTML5地理位置结果发送回Node / Express Server

来自分类Dev

无法获取html5地理位置坐标

来自分类Dev

HTML5地理位置,点击时将经/纬度传递给PHP变量

来自分类Dev

如何在C#应用程序中使用HTML5地理位置

来自分类Dev

为什么HTML5地理位置在不同的Web浏览器中具有不一致的错误行为

来自分类Dev

HTML5地理位置:如何在成功或错误回调后将lat和long值传递给AJAX调用

来自分类Dev

Google Maps API v3地理位置无法在Google Chrome中运行

来自分类Dev

实时检索地理位置(HTML5)

来自分类Dev

HTML5中的精确地理位置如何工作?

来自分类Dev

使用html5中的地理位置在Google地图中显示坐标列表

来自分类Dev

通过下拉框进行选择来更改HTML5中的地理位置地图

来自分类Dev

如何使用html / html5中的用户输入获取完整的地理位置详细信息?

Related 相关文章

  1. 1

    HTML5地理位置与Google Maps地理位置api

  2. 2

    各种浏览器中的HTML5地理位置API

  3. 3

    Google Maps API中的HTML5地理位置

  4. 4

    使用html5地理位置api创建地理围栏

  5. 5

    如何使用HTML5地理位置javascript使用地理位置(用户的当前位置)初始化Google Maps API

  6. 6

    Javascript和HTML5地理位置-如何存储位置?

  7. 7

    错误处理不适用于Chrome中的HTML5地理位置

  8. 8

    HTML5地理位置watchPosition仅被调用一次

  9. 9

    HTML5地理位置不等待用户输入

  10. 10

    在Rails中发布表单时使用HTML5地理位置

  11. 11

    HTML5地理位置不正确

  12. 12

    HTML5地理位置不同步

  13. 13

    需要HTML5地理位置+ javascript帮助

  14. 14

    HTML5地理位置不正确

  15. 15

    HTML5地理位置跟踪未返回正确的坐标

  16. 16

    使用HTML5地理位置在这里映射

  17. 17

    html5地理位置是否存在“ GPS状态已更改”事件?

  18. 18

    将HTML5地理位置结果发送回Node / Express Server

  19. 19

    无法获取html5地理位置坐标

  20. 20

    HTML5地理位置,点击时将经/纬度传递给PHP变量

  21. 21

    如何在C#应用程序中使用HTML5地理位置

  22. 22

    为什么HTML5地理位置在不同的Web浏览器中具有不一致的错误行为

  23. 23

    HTML5地理位置:如何在成功或错误回调后将lat和long值传递给AJAX调用

  24. 24

    Google Maps API v3地理位置无法在Google Chrome中运行

  25. 25

    实时检索地理位置(HTML5)

  26. 26

    HTML5中的精确地理位置如何工作?

  27. 27

    使用html5中的地理位置在Google地图中显示坐标列表

  28. 28

    通过下拉框进行选择来更改HTML5中的地理位置地图

  29. 29

    如何使用html / html5中的用户输入获取完整的地理位置详细信息?

热门标签

归档