Laravel Maps 开源项目教程

最新推荐文章于 2024-08-28 07:39:02 发布

伍畅晗Praised

最新推荐文章于 2024-08-28 07:39:02 发布

阅读量858

点赞数 20

本文链接：https://blog.csdn.net/gitblog_01028/article/details/141590279

版权

Laravel Maps 开源项目教程

laravel-mapsYour laravel maps libary.项目地址:https://gitcode.com/gh_mirrors/la/laravel-maps

项目介绍

Laravel Maps 是一个用于在 Laravel 项目中轻松集成 Leaflet.js 或 Google Maps 的地图包。这个开源项目由 Lars Wiegers 维护，旨在简化地图功能的集成过程，使得开发者可以快速地在他们的 Laravel 应用中添加地图视图。

项目快速启动

安装

首先，通过 Composer 安装 Laravel Maps 包：

composer require larswiegers/laravel-maps

发布视图文件（可选）

如果你想自定义地图视图，可以发布视图文件：

php artisan vendor:publish --provider="LarsWiegers\LaravelMaps\LaravelMapsServiceProvider"

配置

在 .env 文件中添加 Google Maps API 密钥（如果你使用 Google Maps）：

GOOGLE_MAPS_API_KEY=your_api_key_here

在 config/services.php 文件中添加以下配置：

'google' => [
    'maps' => [
        'api-key' => env('GOOGLE_MAPS_API_KEY')
    ]
]

应用案例和最佳实践

基本地图展示

以下是一个基本的 Laravel Maps 应用案例，展示如何在视图中嵌入一个地图：

Route::get('/map', function () {
    return view('map');
});

在 resources/views/map.blade.php 文件中添加以下内容：

<!DOCTYPE html>
<html>
<head>
    <title>Map</title>
    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
    <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
</head>
<body>
    <div id="map" style="width: 100%; height: 600px;"></div>
    <script>
        var map = L.map('map').setView([51.505, -0.09], 13);
        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '© OpenStreetMap contributors'
        }).addTo(map);
    </script>
</body>
</html>