我可以嵌入公共GMap然后以编程方式修改它吗?

时间:2011-03-12 18:40:14

标签: javascript google-maps google-maps-api-3

我知道如何嵌入公共gmap:

        <iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=207932289133051333830.000457f61fc6dcab1aff1&amp;ll=46.495556,11.359863&amp;spn=0.017726,0.025749&amp;z=14&amp;output=embed"></iframe>

我也知道如何使用JavaScript和程序创建一个。

我想要做的是结合两种方法: 我嵌入了公共gmap,但随后以编程方式修改它(或者(更好)在它上面添加一个叠加层)。这可能吗?有什么例子吗?

3 个答案:

答案 0 :(得分:1)

给它一个ID,然后你可以找到并更改它。

<iframe id="MyFrame" width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=207932289133051333830.000457f61fc6dcab1aff1&amp;ll=46.495556,11.359863&amp;spn=0.017726,0.025749&amp;z=14&amp;output=embed"></iframe>

然后使用:

document.getElementById("MyFrame")

然后,您可以使用set setAttribute()

更改元素的属性

有关此内容的更多信息:Change HTML class attribute using javascript

答案 1 :(得分:0)

您需要使用Google Maps API添加标记。

查看custom marker example中的Google Maps V3 API demo gallery。代码太长,无法复制+粘贴,但它应该回答您的基本问题。

有关更基本的内容,请查看M aps API code samples.

答案 2 :(得分:0)