google map 信息窗口中调用javascript - 代码天地

google map 信息窗口中调用javascript

其他 2018-08-28 11:51:36 阅读次数: 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 onload="initialize()" onunload="GUnload()"> <div id="map_canvas" style="width: 500px; height: 300px"></div> <div id="message"></div> </body> </html>

代码运行效果如下图：

猜你喜欢

转载自blog.csdn.net/llh318724/article/details/6288665

google map 信息窗口中调用javascript

基于JavaScript google map集成流程

Android开发中调用Google Map或Baidu Map

openlayers 调用google map 本地切片

IOS基础知识记录十(调用Google Map)

关于Google Map 叠加层之Polyline(折线)、Polygon(多边形)、InfoWindow(信息窗口)

google map 得到用户地理位置信息

google map for ios聚合

Google Map Reduce简介

Google Map apiKey keystore

解析Google Map Routes

Google Map Parameters

google map 的使用

google map 延伸

google map api

google map 综合应用

ZOJ 2855:Google Map

vue使用Google Map

Google map 入门

google map 接入指南——map 详解

Google map在线加载geojson

Google Map 如何捕获onTouchEvent

关于google map api 的开发

Google Map API 申请步骤

爬坑之路---Google map

google map 接入指南——定位

google map api key配置

Google Map API 的基础使用

Google Earth Engine——地图Map

【20180807】地理定位方式：Google map的API调用（headfirst HTML5第5章）

今日推荐

手把手教你用 LangChain 实现大模型 Agent

外星人入侵（python）

超全的免费chatGPT列表【建议收藏】

52.2k star! 自己部署gpt4free, 免费使用各种GPT

2024年（第十届）全国大学生统计建模大赛优秀论文解析——中国经济发展与碳排放库兹涅茨曲线的验证研究

【自动驾驶技术】自动驾驶汽车AI芯片汇总——NVIDIA篇

7个免费的ChatGPT网站，给大家送上

Angular v18 正式发布！

【VMware】 vCenter Converter standalone 6.6.0正式版下载

开源日报 | Angular v18；大模型价格战下的推理优化；Mistral AI以开源模型瞄准美国市场；硅谷有自己的鲁迅

数学建模Matlab之数据预处理方法

充电桩---ISO15118协议详细介绍

周排行

慧测学习课件

Mscordacwks.dll/SOS.dll 调试归档

关于深度学习人工智能模型的探讨（二）（7）

Stop Using the text-indent:-9999px

Least Common Multiple（HDU - 1019 ）

Comparator接口的使用方法--例子

修改framework Camera的API,旋转摄像头

机器学习时代的“大数据+”：数据平台的设计与搭建

vue 项目部署到nginx

webstorm 常用插件集合

每日归档

更多

2024-05-29(65)

2024-05-28(2)

2024-05-27(56)

2024-05-26(6)

2024-05-25(68)

2024-05-24(65)

2024-05-23(9)

2024-05-22(41)

2024-05-21(8)

2024-05-20(36)