google地图的使用
2014-04-01 22:32
309 查看
代码:
2.demo下载 http://download.csdn.net/detail/u011550635/7132707
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } </style> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } </style> </head> <body > <div><input id="size">(请输入经纬度,按‘,’分隔)<br><input type="button" value="查看" onclick="to_show()"></div> <div id="map_canvas" style="width:100%; height:100%"></div> </body> <script type="text/javascript" src="js/google.js"></script> <script type="text/javascript"> var map=null; var marker=null; function initialize() { var myLatlng = new google.maps.LatLng(35, 104); var mapOptions = { zoom: 5, center: myLatlng // mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); marker = new google.maps.Marker({ position: myLatlng, title: "Hello World!" }); marker.setMap(map); } window.onload = initialize(); function to_show() { marker.setMap(null); var size = document.getElementById("size").value.split(",") var myLatlng = new google.maps.LatLng(size[0],size[1]); marker = new google.maps.Marker({ position: myLatlng, title: "Hello World!" }); marker.setMap(map); map.setCenter(myLatlng) } </script> </html>
2.demo下载 http://download.csdn.net/detail/u011550635/7132707
相关文章推荐
- Google Maps Android API v2-新版本Google地图的使用教材
- Google地图Url参数使用说明,如何使用Intent跳转
- 使用google地图SDK的方式总结
- 使用maplace.js引入Google地图
- 使用QT开发GoogleMap瓦片显示和下载工具(2)——Google地图瓦片投影和获取网址解析
- 润乾报表与google地图结合使用方法
- extjs4 中使用google地图api
- Google地图之OverlayView使用(自定义叠加层)
- 想实现自己的地理应用程序?建议参考<<使用Rails和Ajax开发Google地图应用程序>>
- 使用google地图
- IOS学习之IOS 使用NINetworkImageView下载图片,google地图图片的获取。
- ArcGIS API for Silverlight 使用google地图
- iOS学习之iOS 使用NINetworkImageView下载图片,google地图图片的获取。
- google地图的使用
- 方便调用/设置的google地图图片使用方法
- IOS学习之IOS 使用NINetworkImageView下载图片,google地图图片的获取。
- google地图改版后 不使用帐号获取 key的方法
- 在MFC对话框中使用Google地图(续)
- Google地图(Map)API在J2ME中使用方法
- IOS学习2 IOS 使用NINetworkImageView下载图片,google地图图片的获取。