Javascript 谷歌MyMaps到谷歌地图API

Javascript 谷歌MyMaps到谷歌地图API,javascript,jquery,html,google-maps,google-api,Javascript,Jquery,Html,Google Maps,Google Api,我正试图通过使用谷歌地图API重新创建以下地图,该地图使用谷歌MyMaps制作 有人知道最好的方法吗?目前有以下代码,但看起来不太好 使用雷达搜索最多可搜索200个地点 #地图{ 身高:100%; } /*可选:使示例页面填充窗口*/ html, 身体{ 身高:100%; 保证金:0; 填充:0; } var映射; var信息窗口; var服务; 函数initMap(){ map=new google.maps.map(document.getElementById('map'){ 中心:

我正试图通过使用谷歌地图API重新创建以下地图,该地图使用谷歌MyMaps制作

有人知道最好的方法吗?目前有以下代码,但看起来不太好


使用雷达搜索最多可搜索200个地点
#地图{
身高:100%;
}
/*可选:使示例页面填充窗口*/
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
var映射;
var信息窗口;
var服务;
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
中心:{
拉脱维亚:54.607868,
液化天然气:-5.926437
},
缩放:10,
风格:[{
样式:[{
可见性:“简化”
}]
}, {
elementType:'标签',
样式:[{
能见度:“关闭”
}]
}]
});
infoWindow=new google.maps.infoWindow();
服务=新的google.maps.places.PlacesService(地图);
//idle事件是一个取消公告的事件,因此我们可以查询和侦听,而无需
//在服务器上抛出太多请求。
map.addListener('idle',performSearch);
}
函数performSearch(){
var请求={
边界:map.getBounds(),
关键词:“最佳视图”
};
雷达搜索(请求、回调);
}
函数回调(结果、状态){
if(status!==google.maps.places.PlacesServiceStatus.OK){
控制台错误(状态);
返回;
}
for(变量i=0,结果;结果=结果[i];i++){
添加标记(结果);
}
}
功能添加标记(位置){
var marker=new google.maps.marker({
地图:地图,
位置:place.geometry.location,
图标:{
网址:'https://developers.google.com/maps/documentation/javascript/images/circle.png',
主播:新谷歌地图点(10,10),
scaledSize:新的google.maps.Size(10,17)
}
});
google.maps.event.addListener(标记'click',函数(){
service.getDetails(位置、功能(结果、状态){
if(status!==google.maps.places.PlacesServiceStatus.OK){
控制台错误(状态);
返回;
}
infoWindow.setContent(result.name);
信息窗口。打开(地图、标记);
});
});
}

使用已保存的google my maps并从您的google drive共享它

使用已保存的google my maps并从您的google drive共享它

是您所需要的是您所需要的