spiral/google-maps

适用于 Spiral 和 sf.js 的 Google Maps 封装器

该软件包的官方仓库似乎已消失,因此该软件包已被冻结。

安装: 318

依赖: 0

建议者: 0

安全: 0

星标: 2

关注者: 1

分支: 0

开放问题: 1

语言:JavaScript

v0.1.7 2016-03-02 07:52 UTC

This package is not auto-updated.

Last update: 2020-04-17 17:50:26 UTC


README

使用示例

在前端(需要深色模板),只需将虚拟标签添加到您的表单中

<dark:use bundle="spiral:google-maps-bundle"/>
...
<form:google-maps key="yourGoogleMapsAPIKey"
                    style="width: 100%; height: 300px;"
                    lat="53.9045398" lng="27.561524400000053"
                    name-lat="location[latitude]" name-lng="location[longitude]"
                    zoom="14" marker="true" editable="true" search="true"/>

上面的代码将被转换为 html,并添加所需的javascript。结果 html

<div class="js-sf-google-maps"
data-key="yourGoogleMapsAPIKey"
style="width: 100%; height: 300px;"
data-lat="53.9045398" data-lng="27.561524400000053"
data-name-lat="location[latitude]" data-name-lng="location[longitude]"
data-zoom="10" data-marker="true" data-editable="true" data-search="true">...google's code...</div>

浏览器输出
google map

选项

  • key (必需) -- Google Maps API 密钥
  • lat (必需) -- 纬度
  • lng (必需) -- 经度
  • name-lat (必需) -- 隐藏输入中纬度数据的名称(用于表单发送)
  • name-lng (必需) -- 隐藏输入中经度数据的名称(用于表单发送)
  • zoom (可选,默认 = 13) -- 初始缩放级别
  • marker (可选,默认 = false) -- 显示标记
  • editable (可选,默认 = false) -- 允许拖动标记
  • search (可选,默认 = false) -- 在地图上显示搜索输入

注意

请提供容器大小,因为 Google 地图需要容器的宽度和高度。 style="width: 100%; height: 300px;"

安装

composer require spiral/google-maps
spiral register spiral/google-maps

更新

composer update spiral/google-maps
spiral publish spiral/google-maps

许可证

版权所有 (c) 2016 Alex Chepura 及其贡献者。在 MIT 许可证 下发布。