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

How the content type looks
灵感来源于 这个拉取请求.

这个包的目标是什么?

创建一个新的内容类型 adresse,它是一个带有自动完成的单行文本输入。它仅通过使用 数据 gouv API 搜索法国地址。
此包中安装的地图来自 React Leaflet JS.

安装

  1. 使用以下命令行在您的项目中下载
    composer require sevengroupfrance/sulu-fr-gouv-map-bundle.
  2. config/bundles.php 中添加以下代码
    SevenGroupFrance\SuluFrGouvMapBundle\SuluFrGouvMapBundle::class => ['all' => true].
  3. assets/admin/package.json 中,在 "dependencies" 对象中添加以下行
    "sulu-fr-gouv-map-bundle": "file:node_modules/@sulu/vendor/sevengroupfrance/sulu-fr-gouv-map-bundle/src/Resources/js".
  4. assets/admin 中,运行 npm install 以初始化包的符号链接目录。
  5. 在相同的文件夹中,运行 npm i react react-dom leaflet 然后运行 npm i react-leaflet.
  6. assets/admin/index.js 中,添加此行
    import 'sulu-fr-gouv-map-bundle'.
  7. assets/admin 中,运行 npm run watchnpm run build

在模板文件中使用

安装完成后,您需要创建一个新的类型为 adresse 的属性

<property name="address" type="adresse">
  <meta>
    <title lang="en">address field (with autocomplete)</title>
  </meta>
</property>