首页js实现百度地图转化成谷歌地图

js实现百度地图转化成谷歌地图

时间: 2023-11-28 10:04:44 浏览: 191

要将百度地图转换为谷歌地图，您可以使用百度地图的坐标转换API来将百度地图的坐标转换为谷歌地图的坐标，然后使用谷歌地图的API在页面上显示谷歌地图。以下是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <title>Baidu Map to Google Map</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_GOOGLE_MAPS_API_KEY"></script> <style> #map { width: 100%; height: 400px; } </style> </head> <body> <div id="map"></div> <script> // 百度地图坐标转换API var baiduToGoogleUrl = 'http://api.map.baidu.com/geoconv/v1/?coords='; var baiduCoord = '百度地图坐标'; // 百度地图坐标，例如：'116.404,39.915' var baiduToGoogleApiUrl = baiduToGoogleUrl + baiduCoord + '&from=1&to=5&ak=YOUR_BAIDU_MAPS_API_KEY'; // 发送请求获取转换后的谷歌地图坐标 $.get(baiduToGoogleApiUrl, function(data) { var googleCoord = data.result[0].x + ',' + data.result[0].y; // 谷歌地图坐标 var googleMapOptions = { center: new google.maps.LatLng(googleCoord), zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('map'), googleMapOptions); }); </script> </body> </html> ``` 在上面的代码中，您需要将`YOUR_GOOGLE_MAPS_API_KEY`替换为您自己的谷歌地图API密钥，并将`YOUR_BAIDU_MAPS_API_KEY`替换为您自己的百度地图API密钥。此代码通过使用百度地图的坐标转换API将百度地图坐标转换为谷歌地图坐标，并在页面上显示谷歌地图。请确保您已经获得了正确的API密钥，并且遵守使用这些API的相关条款和政策。

阅读全文