如果你在使用 Google Maps JavaScript API V3 时不需要路线规划功能,你可以通过以下方法移除它,以提高性能和减少 API 请求次数。
步骤
- 在引入 Google Maps API 的 HTML 代码中,将
&libraries=places
改为&libraries=geometry
。这将仅加载地理库,而不会加载其他库(如 DirectionsService)。
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=geometry"></script>
- 移除原本用于显示路线的代码。如果你使用了
DirectionsRenderer
类,只需将其从代码中删除即可。
var directionsService = new google.maps.DirectionsService(); var directionsDisplay = new google.maps.DirectionsRenderer(); directionsDisplay.setMap(map);
- 确保在创建地图对象时,未传递
DirectionsRenderer
对象。
var map = new google.maps.Map(document.getElementById('map'), { center: {lat: -34.397, lng: 150.644}, zoom: 8 });
- (可选)如果你需要使用其他库,例如 Places API,则不应修改
&libraries=places
。在这种情况下,你可以在 HTML 文件中添加多个库。
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=geometry,places"></script>
结论
通过移除无用的路线规划功能,可以大幅提高地图应用程序的性能和响应速度。这种方法可以在不影响其他功能的情况下轻松地实现,例如地点搜索或标记聚合。
示例代码
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------- ---------- ---- ------ ---- --- ---------- ------- ---- - ------- ------ ------ ----- - -------- ------- ------ ---- --------------- ------- ------------------------------------------------------------------------------------------- -------- -------- --------- - --- --- - --- ----------------------------------------------- - ------- ----- -------- ---- --------- ----- - --- -- ------ ---------- -------- -- --- ----------------- - --- -------------------------------- -- --- ----------------- - --- --------------------------------- -- ------------------------------ -- --- ----- ---------- -- ------ ----- ------ ---- -- --- ------- - --- -------------------------------------- - --------- ------- ----- ----- ------------------------------------------------------------------------------------------------------------ ------- -------
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/29364