首页 文章

在javascript中实施Google Maps API密钥

提问于
浏览
1

我绝望地尝试将我在html页面上通过Javascript代码创建的 Map 放在网上(我不是专业的开发人员,我特别愚昧javascript) . 只要我将html文件保存在本地,一切都运行正常,但是一旦我把它放在网上, Map 就不会显示,而且我收到了一条关于丢失密钥的消息 .

所以我得到了一把钥匙,但我的问题是找到它是如何工作的 . 我的 Map 由以下指令生成:

map = new google.maps.Map(document.getElementById("map"), options);

我试着添加这个脚本:

script src =“https://maps.googleapis.com/maps/api/js?key=#####&callback=initMap”async defer

但所有这一切都是几个错误,没有 Map 可见 .

谁能帮助我?提前致谢

2 回答

  • 0

    转到google developer console中的凭据页面,然后在顶部,您将看到 Domain Verification 选项卡单击该选项卡,然后单击按钮 Add domain 以添加从您的站点加载的域 .

    如果这样做,您将不需要API密钥 . 感谢此Google可以跟踪您的请求 .

    Important Note

    我不确定您是否会这样,但请注意,一旦您添加经过验证的域名,请确保以前生成的密钥未用于Google Map的Web服务(如API),否则API将返回错误添加域名后 .

  • 0

    相反,您应该使用google Map 网站上的iframe . 例:

    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d100994.00356082054!2d-121.9805740058651!3d37.71820818113972!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fe65cd6892231%3A0x3b327c848ef64057!2sDublin%2C+CA+94568!5e0!3m2!1sen!2sus!4v1480970198759" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
    

相关问题