Widget與Google Maps

最新推荐文章于 2025-08-22 11:32:18 发布

imbiz

最新推荐文章于 2025-08-22 11:32:18 发布

阅读量654

点赞数

分类专栏： Windows Phone 文章标签： google function search input button javascript

Windows Phone 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何结合Widget与Google Maps JavaScript API V3创建具备地址查询功能的地图应用。通过简单的HTML与JavaScript代码示例，展示了如何加载地图并实现地址搜索。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天介紹大家如何結合Widget與Google Maps JavaScript API V3

首先可以到下列網址,去了解一下目前最新版的Google Maps V3
http://code.google.com/intl/zh-TW/apis/maps/documentation/v3/

有玩過google map的人一定有玩過用地址,來查地圖這個功能

這個範例主要就是利用Widget載入Google map,然後可以做簡單的地址查詢功能

直接看範例

<html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <mce:script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false" mce_src="http://maps.google.com/maps/api/js?sensor=false"></mce:script> </head> <body style="padding: 0px; margin: 0px" mce_style="padding: 0px; margin: 0px"> <div id="map_canvas" style="width: 100%; height: 100%; display: block"> </div> <div id="map_search" style="width: 100%; height: 100%; display: none"> <input id="address" type="text" value="" /> <input type="button" value="Geocode" onclick="Search()" /> <input type="button" value="Back to map" onclick="ChangeMap()" /> </div> </body> </html> <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。