pangpond / yii2-google-maps-library
Yii2的Google Maps API库。
1.0.0
2015-10-30 17:33 UTC
Requires
- guzzlehttp/guzzle: 4.*
- yiisoft/yii2: *
This package is not auto-updated.
Last update: 2024-09-18 19:14:34 UTC
README
Yii2的Google Maps API库
简介
尽管我们已经创建了一个扩展来显示不受谷歌政策限制的地图,并且与LeafLetJs库一起工作,但我们仍然收到了更新EGMap扩展以支持Yii1的请求。因此,我们认为我们应该更新这个库并使其与Yii2兼容。这就是创建此扩展的原因。
然而,重要的是要注意,我们(目前)没有时间编写关于它的良好文档。我们希望尽早发布它,以防任何使用Yii2的人缺少EGMap库,并希望向我们提供测试和错误发现。
github仓库将持续更新,并会编写详细的文档。所以,请不要急躁。如果需要,任何帮助都将非常感激。
##安装
安装此扩展的首选方式是通过composer。
运行以下命令之一:
php composer.phar require "2amigos/yii2-google-maps-library" "*"
或
"2amigos/yii2-google-maps-library" : "*"
将其添加到应用程序的composer.json
文件的require部分。
##使用方法
尽管将会有很多使用示例,但以下是一个提供其使用方式的示例:
##服务
use dosamigos\google\maps\LatLng; use dosamigos\google\maps\services\DirectionsWayPoint; use dosamigos\google\maps\services\TravelMode; use dosamigos\google\maps\overlays\PolylineOptions; use dosamigos\google\maps\services\DirectionsRenderer; use dosamigos\google\maps\services\DirectionsService; use dosamigos\google\maps\overlays\InfoWindow; use dosamigos\google\maps\overlays\Marker; use dosamigos\google\maps\Map; use dosamigos\google\maps\services\DirectionsRequest; use dosamigos\google\maps\overlays\Polygon; use dosamigos\google\maps\layers\BicyclingLayer; $coord = new LatLng(['lat' => 39.720089311812094, 'lng' => 2.91165944519042]); $map = new Map([ 'center' => $coord, 'zoom' => 14, ]); // lets use the directions renderer $home = new LatLng(['lat' => 39.720991014764536, 'lng' => 2.911801719665541]); $school = new LatLng(['lat' => 39.719456079114956, 'lng' => 2.8979293346405166]); $santo_domingo = new LatLng(['lat' => 39.72118906848983, 'lng' => 2.907628202438368]); // setup just one waypoint (Google allows a max of 8) $waypoints = [ new DirectionsWayPoint(['location' => $santo_domingo]) ]; $directionsRequest = new DirectionsRequest([ 'origin' => $home, 'destination' => $school, 'waypoints' => $waypoints, 'travelMode' => TravelMode::DRIVING ]); // Lets configure the polyline that renders the direction $polylineOptions = new PolylineOptions([ 'strokeColor' => '#FFAA00', 'draggable' => true ]); // Now the renderer $directionsRenderer = new DirectionsRenderer([ 'map' => $map->getName(), 'polylineOptions' => $polylineOptions ]); // Finally the directions service $directionsService = new DirectionsService([ 'directionsRenderer' => $directionsRenderer, 'directionsRequest' => $directionsRequest ]); // Thats it, append the resulting script to the map $map->appendScript($directionsService->getJs()); // Lets add a marker now $marker = new Marker([ 'position' => $coord, 'title' => 'My Home Town', ]); // Provide a shared InfoWindow to the marker $marker->attachInfoWindow( new InfoWindow([ 'content' => '<p>This is my super cool content</p>' ]) ); // Add marker to the map $map->addOverlay($marker); // Now lets write a polygon $coords = [ new LatLng(['lat' => 25.774252, 'lng' => -80.190262]), new LatLng(['lat' => 18.466465, 'lng' => -66.118292]), new LatLng(['lat' => 32.321384, 'lng' => -64.75737]), new LatLng(['lat' => 25.774252, 'lng' => -80.190262]) ]; $polygon = new Polygon([ 'paths' => $coords ]); // Add a shared info window $polygon->attachInfoWindow(new InfoWindow([ 'content' => '<p>This is my super cool Polygon</p>' ])); // Add it now to the map $map->addOverlay($polygon); // Lets show the BicyclingLayer :) $bikeLayer = new BicyclingLayer(['map' => $map->getName()]); // Append its resulting script $map->appendScript($bikeLayer->getJs()); // Display the map -finally :) echo $map->display();
##客户端
use dosamigos\google\maps\services\DirectionsClient; $direction = new DirectionsClient([ 'params' => [ 'language' => Yii::$app->language, 'origin' => 'street from', 'destination' => 'street to' ] ]); $data = $direction->lookup(); //get data from google.maps API
此扩展还有一个插件架构,允许我们增强它,因此请期待在不久的将来也会开发插件。
##配置
要配置Google Map密钥或其他选项,如语言、版本、库,请使用资产包自定义功能。
'components' => [ 'assetManager' => [ 'bundles' => [ 'dosamigos\google\maps\MapAsset' => [ 'options' => [ 'key' => 'this_is_my_key', 'language' => 'id', 'version' => '3.1.18' ] ] ] ], ],
要获取密钥,请访问https://code.google.com/apis/console/
##资源
web development has never been so fun www.2amigos.us