javascript - 将谷歌地图的脚本插入html网页

Question

我被要求为我的 friend 编辑网页。我不是 IT 专家或计算机高手，但我可以在 html、php 和 js 中进行一些编辑。

我正在尝试将 google 的 map 脚本添加到 this webpage ，您可以在此处找到代码:http://pastebin.com/UDNZ4F4r .
问题是，如果我复制并粘贴所有这些，它确实可以在我的页面上运行，但会破坏整个设计(脚本中的样式适用于所有内容)。
我发现这是因为 < style >.....< / style >行，但如果没有这个片段，脚本将无法工作。
你有什么想法如何解决这个问题？也就是说在不破坏网页风格的情况下包含脚本。

Answer 1

在您发布的链接中，它看起来像是 html 和 body 的样式选择器，因为它将高度设置为 100%，这可能会弄乱您的布局。尝试将它们从选择器中移除，并为 map 提供您想要的高度和宽度，看看它是否有效:

    <style>
      #map-canvas {
        height: 500px;
        width:400px
        margin: 0px;
        padding: 0px
      }
    </style>

map 没有它就不能工作的原因是它没有高度，因此它没有出现在页面上。