互動地圖具有很多很棒的用途。從可視化數據到突出關注點，預計地圖可以輕鬆地在位置的背景下傳達思想。
但是，最難的部分是將數據轉換為地圖可以理解的坐標。幸運的是，GeoCoder PHP允許我們連接到不同的地理編碼提供商。結合一個簡單的JavaScript庫的FelleT.js，創建地圖是微風的。鑰匙要點
{
"require": {
"willdurand/geocoder": "*"
}
}註冊提供商
<?php
require 'vendor/autoload.php';
?>
<!DOCTYPE html>
<html>
<head>
<title>A simple map with Geocoder PHP and Leaflet.js</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
</head>
<body>
<div >
<div >
<div >
<h1 >A simple map with Geocoder PHP and Leaflet.js</h1>
</div>
<div >
<div >
</div>
</div>
</div><!-- /row -->
</div> <!-- /container -->
<script></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
</body>
</html>註冊一個適配器
完整列表可以在GeoCoder PHP存儲庫的讀書中找到。
>由其各自的班級代表的每個提供商都有自己的選擇。根據您的需求，您可以在各種情況下註冊多個提供商。如果您的申請需要使用OpenStreetMap繪製哥斯達黎加聖何塞的特定街道並在中國北京找到一條快速路線，則可能會很有用。
在此示例中，我只需使用Google Maps，但是以某種方式註冊它，如果我想在將來添加另一個提供商，我只需要將其添加到一個數組中：地理
{
"require": {
"willdurand/geocoder": "*"
}
}與feaflet.js
<?php
require 'vendor/autoload.php';
?>
<!DOCTYPE html>
<html>
<head>
<title>A simple map with Geocoder PHP and Leaflet.js</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
</head>
<body>
<div >
<div >
<div >
<h1 >A simple map with Geocoder PHP and Leaflet.js</h1>
</div>
<div >
<div >
</div>
</div>
</div><!-- /row -->
</div> <!-- /container -->
<script src="https://img.php.cn/ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
</body>
</html>地圖由三個部分組成：
tiles
>數據點已經用我的地理編碼器代碼早些時候創建。我只需要以傳單期望的方式格式化數據陣列。
>
在這個簡單的示例中，我只需創建單個標記作為JavaScript變量，這些變量將通過PHP產生的字符串包含在我的地圖中。// Setup geocoder adapter. $adapter = new \Geocoder\HttpAdapter\CurlHttpAdapter();
>傳單可以選擇該數據通過Geojson格式傳遞，以供更大，更動態的數據集傳遞。
由於傳單將映射代碼注入現有的DOM元素，因此我們首先必須在HTML內定義該元素。我們可以通過簡單地創建一個具有唯一ID的DIV來做到這一點：
>
// Create a chain of providers.
// Be sure to include my previously created adapter.
$chain = new \Geocoder\Provider\ChainProvider(
array(
new \Geocoder\Provider\GoogleMapsProvider($adapter),
)
);
// Instantiate the geocoder.
$geocoder = new \Geocoder\Geocoder();
// Register my providers.
$geocoder->registerProvider($chain);
現在，我們構建了地圖的三個部分。要註冊瓷磚，我們只需調用內置的tileLayer（）方法，如果需要，定義屬性和縮放級別，然後附加addto（）方法：
>最後，我們使用我們之前定義的PHP數組打印地圖數據，並確保通過將它們定義為組來確保將其集中在這些數據點上。總而言之，頁腳中的JavaScript將是：
如果您走了這麼遠，您會注意到什麼都不會發生。
這是因為傳單不會在地圖div的高度或寬度上註入屬性，從而使您可以根據需要進行樣式並調整大小。只需給您的div一個高度和寬度，您的地圖就應該出現！
>>您可以使用GeoCoder PHP庫和傳單來創建美麗的互動地圖。請務必查看每個項目的各個文檔，因為還有更多的高級自定義。
>查看本文的演示或在Github上撥出它。>有幾種方法可以優化。地圖的性能。一種方法是使用針對性能進行優化的瓷磚層，例如向量瓷磚層。另一種方法是一次限制地圖上顯示的功能數量，例如使用聚類或僅在當前地圖視圖中顯示功能。您還可以通過使用有效的數據庫查詢來優化PHP代碼的性能，並在適當的情況下緩存結果。
>以上是用地理編碼器php和feflet.js映射的詳細內容。更多資訊請關注PHP中文網其他相關文章！
