如何将可嵌入的Google地图导出到等效的Map API JavaScript代码中
嵌入式地图和谷歌地图JavaScript API是创建自定义地图的两种方法: 我有一个非程序员,他创建了一个没有任何JavaScript的嵌入式映射。他的HTML代码如下:如何将可嵌入的Google地图导出到等效的Map API JavaScript代码中,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,嵌入式地图和谷歌地图JavaScript API是创建自定义地图的两种方法: 我有一个非程序员,他创建了一个没有任何JavaScript的嵌入式映射。他的HTML代码如下: <iframe class="maps-frame" src="//www.google.com/maps/embed/v1/place?q=Harrods,Brompton%20Rd,%20UK&zoom=17&key=AIzaSyD4iE2xVSpkLLOXoyqT-RuPwURN3
<iframe class="maps-frame" src="//www.google.com/maps/embed/v1/place?q=Harrods,Brompton%20Rd,%20UK&zoom=17&key=AIzaSyD4iE2xVSpkLLOXoyqT-RuPwURN3ddScAI"> </iframe>
然而,我们需要在地图上添加更多的自定义图形,这只能通过JavaScript API实现。问题在于,似乎无法从JS对现有的嵌入式映射进行操作。那么,是否有可能将嵌入的映射转换为产生相同效果的等效JavaScript代码呢?然后,我可以使用生成的JS代码并添加更多的JS代码来进行进一步的定制。嵌入的地图有许多标记和多边形,这些标记和多边形是使用谷歌的交互式工具创建的。我讨厌用JS手工编码坐标来创建这些多边形。这就是问题所在。
简单地图
html,正文{
身高:100%;
保证金:0;
填充:0;
}
#地图{
身高:100%;
}
var映射;
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
中心:{lat:-34.397,lng:150.644},//将您的数据放在这里
缩放:8
});
}
简单地图
html,正文{
身高:100%;
保证金:0;
填充:0;
}
#地图{
身高:100%;
}
var映射;
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
中心:{lat:-34.397,lng:150.644},//将您的数据放在这里
缩放:8
});
}
谢谢,但我不确定这是否有用。我不是在用JS创建地图。我在iframe中有一个映射,我想知道是否可以使用JS来修改iframe中映射的外观<代码>谢谢,但我不确定这是否有帮助。我不是在用JS创建地图。我在iframe中有一个映射,我想知道是否可以使用JS来修改iframe中映射的外观<代码>