Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将可嵌入的Google地图导出到等效的Map API JavaScript代码中_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

如何将可嵌入的Google地图导出到等效的Map API JavaScript代码中

如何将可嵌入的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&amp;zoom=17&amp;key=AIzaSyD4iE2xVSpkLLOXoyqT-RuPwURN3

嵌入式地图和谷歌地图JavaScript API是创建自定义地图的两种方法:

我有一个非程序员,他创建了一个没有任何JavaScript的嵌入式映射。他的HTML代码如下:

<iframe class="maps-frame" src="//www.google.com/maps/embed/v1/place?q=Harrods,Brompton%20Rd,%20UK&amp;zoom=17&amp;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中映射的外观<代码>