html5+++map+清除,HTML5+google map自我瞎学习

感想W3C中国

点击这个按钮，获得您的位置：

试一下

//调取谷歌地图API

var x=document.getElementById("demo");

function getLocation()

{

if (navigator.geolocation)

{

navigator.geolocation.getCurrentPosition(showPosition,showError);

}

else{x.innerHTML="Geolocation is not supported by this browser.";}

}

function showPosition(position)

{

lat=position.coords.latitude;//纬度

lon=position.coords.longitude;//经度

latlon=new google.maps.LatLng(lat, lon)//生成一个谷歌地图的对象

mapholder=document.getElementById('mapholder')

mapholder.style.height='250px';

mapholder.style.width='500px';//设置地图展示区域大小

var myOptions={

center:latlon,zoom:14,

mapTypeId:google.maps.MapTypeId.ROADMAP,

mapTypeControl:false,

navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}

};

var map=new google.maps.Map(document.getElementById("mapholder"),myOptions);//地图对象

var marker=new google.maps.Marker({position:latlon,map:map,title:"You are here!"});//生成地图

}

function showError(error)//错误处理

{

switch(error.code)

{

case error.PERMISSION_DENIED:

x.innerHTML="User denied the request for Geolocation."

break;

case error.POSITION_UNAVAILABLE:

x.innerHTML="Location information is unavailable."

break;

case error.TIMEOUT:

x.innerHTML="The request to get user location timed out."

break;

case error.UNKNOWN_ERROR:

x.innerHTML="An unknown error occurred."

break;

}

html5+++map+清除,HTML5+google map自我瞎学习相关推荐

swagger map示例_Android Google Map Street View示例
swagger map示例 In this tutorial, we'll be implementing the StreetView feature of Google Maps in our A ...
android google map key,android google map api key取得？
我有一个项目的谷歌地图apikey现在我想要另一个项目的apikey和这个项目的keystore是在一个不同的地方.我的第一个cmd:android google map api key取得? &qu ...
android google map 标记,android google map添加标记和TipView
1.new一个mapoverlay并添加到map上. mapoverlay上要绘制数据点标记和TipView: protected void adjustCacheInMap(final Lis ...
在.net中构建Google Map（ Building Google Map Mashups in .NET）
http://www.drdobbs.com/windows/224700481 转载于:https://www.cnblogs.com/worfdream/archive/2010/05/24/17 ...
关于在Winphone中使用Google Map的问题（徐林峰）
老师,我现在做应用遇到一个问题:bing map的精度不够,很多地点显示不出来,后来我将Google Map嵌套进去,精度是够了,但是发现结果两种地图重叠了,我尝试着去掉bing map,只用Goog ...
google map 地理编码API的两种方式
google 地图在 2018 年7月16之后,开始收费,所以当你需要用到google地图的服务的时候需要开通结算服务,获取到key,具体资费和服务内容 ,请参考google map官网google ...
MapGuide 和 Google Map
Google Map API 介绍 1:Google Map API 允许将地图嵌入到你自己的网页中. 2:可以增加额外的点(标记)和线. 3:信息标签可以附着给标记. 4:Google Map 可以 ...
Google map 和Baidu map搜索目标地点周边
0. 引言本文主要是总结之前项目中的地图需求: 1.根据后端返回的location(坐标)在地图上marker. 2.可以搜索出该点附近的景点,酒店,餐厅等周边.(需要在地图上marker出来) 3 ...
2010.02.23——google map api----五岳剑派拖拽的标注
2010.02.23--google map api----五岳剑派拖拽的标注 <%@ page language="java" import="java.uti ...

html5+++map+清除,HTML5+google map自我瞎学习

html5+++map+清除,HTML5+google map自我瞎学习相关推荐

最新文章

热门文章