Javascript 自定义创建的谷歌地图嵌入

Javascript 自定义创建的谷歌地图嵌入,javascript,google-maps,iframe,google-maps-embed,Javascript,Google Maps,Iframe,Google Maps Embed,我在使用嵌入地图时遇到问题(协议必须匹配)。一个建议的解决办法是用http代替https,但这并没有什么作用,因为谷歌强制它使用SSL。另外,省略http和https,比如://www.google.com什么都不做。解决方案是将地图坐标、缩放等硬编码到javascript中,完全省略。然而,这不是我需要的 我需要我的自定义地图,带有可点击的图钉、默认视图(位置和缩放)和底图设置。在javascript中有没有一种方法可以引用这个地图,甚至可以从头开始构建一个地图,但不需要向Google注册AP

我在使用
嵌入地图时遇到问题(协议必须匹配)。一个建议的解决办法是用http代替https,但这并没有什么作用,因为谷歌强制它使用SSL。另外,省略http和https,比如:
//www.google.com
什么都不做。解决方案是将地图坐标、缩放等硬编码到javascript中,完全省略
。然而,这不是我需要的


我需要我的自定义地图,带有可点击的图钉、默认视图(位置和缩放)和底图设置。在javascript中有没有一种方法可以引用这个地图,甚至可以从头开始构建一个地图,但不需要向Google注册API_密钥

您需要使用https
https
并为谷歌地图的嵌入API提供API密钥。此外,必须硬编码坐标、缩放等,除非使用服务器端代码插入值(使用PHP或Python以编程方式插入值)

如果您不想提供API_键并引用map对象,则必须使用Google map的Javascript API

以下是显示简单谷歌地图的演示:

如果您想要更多定制,您可以查看此样式的Google地图演示:

到目前为止您尝试了什么?您遇到了什么错误???[Error]用origin
阻止了一个帧https://www.google.co.uk“
从使用原点访问帧
”http://marvin.kset.org“
。请求访问的帧具有“https”协议,被访问的帧具有“http”协议。协议必须匹配。