sevengroupfrance / sulu-fr-gouv-map-bundle
1.0.1
2022-09-26 09:43 UTC
This package is not auto-updated.
Last update: 2024-09-24 17:23:28 UTC
README
灵感来源于 这个拉取请求.
这个包的目标是什么?
创建一个新的内容类型 adresse
,它是一个带有自动完成的单行文本输入。它仅通过使用 数据 gouv API 搜索法国地址。
此包中安装的地图来自 React Leaflet JS.
安装
- 使用以下命令行在您的项目中下载 包
composer require sevengroupfrance/sulu-fr-gouv-map-bundle
. - 在
config/bundles.php
中添加以下代码
SevenGroupFrance\SuluFrGouvMapBundle\SuluFrGouvMapBundle::class => ['all' => true]
. - 在
assets/admin/package.json
中,在 "dependencies" 对象中添加以下行
"sulu-fr-gouv-map-bundle": "file:node_modules/@sulu/vendor/sevengroupfrance/sulu-fr-gouv-map-bundle/src/Resources/js"
. - 在
assets/admin
中,运行npm install
以初始化包的符号链接目录。 - 在相同的文件夹中,运行
npm i react react-dom leaflet
然后运行npm i react-leaflet
. - 在
assets/admin/index.js
中,添加此行
import 'sulu-fr-gouv-map-bundle'
. - 在
assets/admin
中,运行npm run watch
或npm run build
在模板文件中使用
安装完成后,您需要创建一个新的类型为 adresse
的属性
<property name="address" type="adresse">
<meta>
<title lang="en">address field (with autocomplete)</title>
</meta>
</property>