Google Maps API显示地图的小示例
2014-10-24 13:10
295 查看
<!DOCTYPE> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Google Map</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function init() { // 获取当前位置 navigator.geolocation.getCurrentPosition(function(position) { var coords = position.coords; // 设定地图参数,将当前位置的经纬度设置为中心点 var latlng = new google.maps.LatLng(coords.latitude,coords.longitude); var myOptions = { // 放大倍数 zoom:14, // 标注坐标 center:latlng, // 地图类型 mapTypeId:google.maps.MapTypeId.ROADMAP }; var map1; // 显示地图 map1 = new google.maps.Map(document.getElementById('map'),myOptions); // 创建标记 var marker = new google.maps.Marker( { position:latlng, map:map1 }); // 设定标注窗口,附上注释文字 var infowindow = new google.maps.InfoWindow( { content:"当前位置" }); // 打开标注窗口 infowindow.open(map1,marker); }); } </script> </head> <body onload="init()"> <div id="map" style="width:400px; height:400px"></div> </body> </html>
相关文章推荐
- Google Maps API显示地图的小示例
- Google Maps API显示地图的小示例
- Google Maps Api 多坐标分类标记,在地图上显示海量坐标,并分组显示。
- Google Maps API地图应用示例分享
- Google Maps Api 多坐标分类标记,在地图上显示海量坐标,并分组显示。
- Google Maps API地图应用示例分享
- Google Maps API ---2.控制地图
- 【网摘】ArcGis for silverlights api 地图显示Gis绘制点线绘制图 以及提示信息
- 使用 XSLT、KML 和 Google Maps API 在地图上覆盖数据,第 1 部分:利用 Google Geocoder Web 服务
- “使用 XSLT、KML 和 Google Maps API 在地图上覆盖数据”系列
- 使用Google Maps API 在地图上添加线和删除线
- ArcGis For Silverlight API,地图显示Gis,绘制点,线,绘制图等(二)--Silverlight 配置动态的 webService、动态加载ArcGis地图服务
- ArcGis For Silverlight API,地图显示Gis,绘制点,线,绘制图等(三)--绘制点、线、圆,显示提示信息
- Google Maps API Reference——Google 地图 API 文档之七-3
- ArcGis For Silverlight API,地图显示Gis,绘制点,线,绘制图等(四)--动态绘制点
- ArcGis For Silverlight API,地图显示Gis,绘制点,线,绘制图等(四)--动态绘制点
- ArcGis For Silverlight API,地图显示Gis,绘制点,线,绘制图等(一)
- 深入浅出 Javascript API(二)--地图显示与基本操作
- Google Maps API Reference——Google 地图 API 文档之七-2
- 深入浅出 Javascript API(二)--地图显示与基本操作 <转>