Widget與Google Maps

最新推荐文章于 2024-09-22 11:17:00 发布

imbiz

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量609

点赞数

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

Windows Phone 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

今天介紹大家如何結合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" οnclick="Search()" /> <input type="button" value="Back to map" οnclick="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>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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