net-tools/google-js-api

Google API 浏览器助手(javascript)的Composer库;需要 ECMASCRIPT 5+ 支持

安装: 30

依赖项: 0

建议者: 0

安全: 0

星星: 0

关注者: 2

分支: 0

开放问题: 0

语言:JavaScript

1.0.6 2023-11-01 10:05 UTC

This package is auto-updated.

Last update: 2024-08-30 01:49:35 UTC


README

某些Google API的接口

此包包含

  • maps.js:一个助手类nettools.google.maps.MapManager,用于提供显示地图、路线和标记的有用方法。

安装说明

要安装 net-tools/google-js-api 包,只需通过 composer 需求它,并在 HEAD 部分插入所需的任何脚本标签(将 file.js 替换为上述任何包)

<script src="/path_to_vendor/net-tools/google-js-api/src/api/file.js"></script>

参考

nettools.google.maps.MapManager 类

MapManager 类可以使以更简单的方式显示地图、路线和标记。例如,任何创建的标记都将存储在 MapManager 类中,这样就可以稍后通过调用 raz() 方法从地图中删除它们。

首先,创建一个 nettools.google.maps.MapManager 类的对象;必需的构造函数参数是

  • mapdiv:显示地图的 DOM 元素的 ID 或 DOM 节点
  • centerpoint:一个 google.maps.LatLng 对象或一个具有所需默认显示坐标的文对象 {lat:value, lng:value}
  • mapOpt:一个文对象,包含 google.maps.Map 可用的任何选项(如 mapTypeId
  • directionsRendererOpt:一个文对象,包含 google.maps.DirectionsRenderer 可用的任何选项
var mm = new nettools.google.maps.MapManager(
          // mapdiv
          "map_canvas2",
          
          // centerpoint
          {lat:45.763691, lng:3.119431}, 
          
          // mapOpt : options for google.maps.Map
          {
              // default zoom
              zoom: 2,

              // streetview widget off
              streetViewControl : false
          }
      );

MapManager 类提供以下成员

  • map:访问底层 google.maps.Map 对象的属性
  • raz():清除地图的方法;它删除标记、路线并重置默认选项(如中心点)
  • getDirectionsRenderer():获取 google.maps.DirectionsRenderer 对象的方法;用于获取计算出的路线的信息
  • getDirectionsService():获取 google.maps.DirectionsService 对象的方法
  • getInfoWindow():获取 google.maps.InfoWindow 对象的方法(每个地图一个),
  • createMarkers(Object[]):一次创建多个标记的方法;预期参数是描述标记的文对象数组(通常 {position:{lat:xxx, lng:xxx}, map:mm.map, title:'Marker here!'}
  • createMarker(Object):创建单个标记的方法;标记参数在预期的文对象中设置
  • route(point1, point2, options, callback_ok, callback_ko):计算并显示两点之间路线的方法。参数是
    • 前两个参数设置起点和终点坐标(预期类型可以是字符串、google.maps.LatLng 对象、文对象 {lat, lng}google.maps.Place 对象)
    • 一个文对象选项,用于向 DirectionsService 类提供参数(如 directionsTravelMode 等)
    • 成功结果或失败的回调(请参阅示例文件以获取详细信息)