spiral / google-maps
适用于 Spiral 和 sf.js 的 Google Maps 封装器
该软件包的官方仓库似乎已消失,因此该软件包已被冻结。
v0.1.7
2016-03-02 07:52 UTC
Requires
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>
选项
- 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 许可证 下发布。