google map 信息窗口中调用javascript

最新推荐文章于 2024-02-25 21:34:55 发布

llh318724

最新推荐文章于 2024-02-25 21:34:55 发布

阅读量1.2k

点赞数

分类专栏： google map api 文章标签： javascript google function html xhtml button

本文链接：https://blog.csdn.net/llh318724/article/details/6288665

版权

google map api 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本例是在网页中引用google地图，在地图上加入一个marker，点击marker，弹出一个信息窗口。在信息窗口上有一个文本输入域和一个保存表单的HTML按钮。每个表单输入了一个ID，并有一个按钮的OnClick侦听调用saveData函数。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Google Maps JavaScript API Example: Simple Map</title> <mce:script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxTPZYElJSBeBUeMSX5xXgq6lLjHthSAk20WnZ_iuuzhMt60X_ukms-AUg" mce_src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxTPZYElJSBeBUeMSX5xXgq6lLjHthSAk20WnZ_iuuzhMt60X_ukms-AUg" type="text/javascript"></mce:script> <mce:script type="text/javascript">" + name); } // --></mce:script> </head> <body οnlοad="initialize()" οnunlοad="GUnload()"> <div id="map_canvas" style="width: 500px; height: 300px"></div> <div id="message"></div> </body> </html>

代码运行效果如下图：