根据IP定位在谷歌地图的位置
2013-10-10 16:52
253 查看
<!DOCTYPE
html>
<html>
<head>
<meta name="viewport"
content="initial-scale=1.0, user-scalable=no"
/>
<meta http-equiv="content-type"
content="text/html;
charset=UTF-8"/>
<title>Google Maps JavaScript
API v3 Example: Map
Geolocation</title>
<link
href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css"
rel="stylesheet" type="text/css"
/>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript"
src="http://code.google.com/apis/gears/gears_init.js"></script>
<script
type="text/javascript">
var initialLocation;
var siberia = new google.maps.LatLng(60,
105);
var newyork = new google.maps.LatLng(40.69847032728747,
-73.9514422416687);
var browserSupportFlag = new
Boolean();
var map;
var infowindow = new
google.maps.InfoWindow();
function initialize() {
var myOptions = {
zoom:
6,
mapTypeId:
google.maps.MapTypeId.ROADMAP
};
map = new
google.maps.Map(document.getElementByIdx_x("map_canvas"),
myOptions);
// Try W3C Geolocation method
(Preferred)
if(navigator.geolocation)
{
browserSupportFlag =
true;
navigator.geolocation.getCurrentPosition(function(position)
{
initialLocation = new
google.maps.LatLng(position.coords.latitude,position.coords.longitude);
contentString = "Location found using W3C
standard";
map.setCenter(initialLocation);
infowindow.setContent(contentString);
infowindow.setPosition(initialLocation);
infowindow.open(map);
}, function()
{
handleNoGeolocation(browserSupportFlag);
});
} else if (google.gears)
{
// Try Google Gears
Geolocation
browserSupportFlag =
true;
var geo =
google.gears.factory.create('beta.geolocation');
geo.getCurrentPosition(function(position) {
initialLocation = new
google.maps.LatLng(position.latitude,position.longitude);
contentString = "Location found using Google
Gears";
map.setCenter(initialLocation);
infowindow.setContent(contentString);
infowindow.setPosition(initialLocation);
infowindow.open(map);
}, function()
{
handleNoGeolocation(browserSupportFlag);
});
} else {
// Browser doesn't
support Geolocation
browserSupportFlag =
false;
handleNoGeolocation(browserSupportFlag);
}
}
function handleNoGeolocation(errorFlag)
{
if (errorFlag == true)
{
initialLocation =
newyork;
contentString = "Error:
The Geolocation service failed.";
} else {
initialLocation =
siberia;
contentString = "Error:
Your browser doesn't support geolocation. Are you in
Siberia?";
}
map.setCenter(initialLocation);
infowindow.setContent(contentString);
infowindow.setPosition(initialLocation);
infowindow.open(map);
}
</script>
</head>
<body
onload="initialize()">
<div
id="map_canvas"></div>
</body>
</html>
html>
<html>
<head>
<meta name="viewport"
content="initial-scale=1.0, user-scalable=no"
/>
<meta http-equiv="content-type"
content="text/html;
charset=UTF-8"/>
<title>Google Maps JavaScript
API v3 Example: Map
Geolocation</title>
<link
href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css"
rel="stylesheet" type="text/css"
/>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript"
src="http://code.google.com/apis/gears/gears_init.js"></script>
<script
type="text/javascript">
var initialLocation;
var siberia = new google.maps.LatLng(60,
105);
var newyork = new google.maps.LatLng(40.69847032728747,
-73.9514422416687);
var browserSupportFlag = new
Boolean();
var map;
var infowindow = new
google.maps.InfoWindow();
function initialize() {
var myOptions = {
zoom:
6,
mapTypeId:
google.maps.MapTypeId.ROADMAP
};
map = new
google.maps.Map(document.getElementByIdx_x("map_canvas"),
myOptions);
// Try W3C Geolocation method
(Preferred)
if(navigator.geolocation)
{
browserSupportFlag =
true;
navigator.geolocation.getCurrentPosition(function(position)
{
initialLocation = new
google.maps.LatLng(position.coords.latitude,position.coords.longitude);
contentString = "Location found using W3C
standard";
map.setCenter(initialLocation);
infowindow.setContent(contentString);
infowindow.setPosition(initialLocation);
infowindow.open(map);
}, function()
{
handleNoGeolocation(browserSupportFlag);
});
} else if (google.gears)
{
// Try Google Gears
Geolocation
browserSupportFlag =
true;
var geo =
google.gears.factory.create('beta.geolocation');
geo.getCurrentPosition(function(position) {
initialLocation = new
google.maps.LatLng(position.latitude,position.longitude);
contentString = "Location found using Google
Gears";
map.setCenter(initialLocation);
infowindow.setContent(contentString);
infowindow.setPosition(initialLocation);
infowindow.open(map);
}, function()
{
handleNoGeolocation(browserSupportFlag);
});
} else {
// Browser doesn't
support Geolocation
browserSupportFlag =
false;
handleNoGeolocation(browserSupportFlag);
}
}
function handleNoGeolocation(errorFlag)
{
if (errorFlag == true)
{
initialLocation =
newyork;
contentString = "Error:
The Geolocation service failed.";
} else {
initialLocation =
siberia;
contentString = "Error:
Your browser doesn't support geolocation. Are you in
Siberia?";
}
map.setCenter(initialLocation);
infowindow.setContent(contentString);
infowindow.setPosition(initialLocation);
infowindow.open(map);
}
</script>
</head>
<body
onload="initialize()">
<div
id="map_canvas"></div>
</body>
</html>
相关文章推荐
- js实现PC端根据IP定位当前城市地理位置
- java根据ip地质调用百度定位api服务获取地理位置示例
- js实现PC端根据IP定位当前城市地理位置
- java根据ip地质调用百度定位api服务获取地理位置示例
- 根据ip定位位置和周边的功能
- 根据IP定位地理位置
- php根据IP获取地址位置,并在谷歌地图上显示出来
- c#实现根据网络IP显示地理位置功能
- AE根据记录信息获得地图元素信息并定位地图位置
- nodejs根据ip数组在百度地图中进行定位
- PHP安装GeoIP扩展根据IP获取地理位置及计算距离的方法
- php根据ip获取地理位置
- google map 定位当前位置和根据手机的方向调整在地图的方向
- 根据IP获取地理位置
- iOS 根据 crash 崩溃 报告的内存地址定位到代码位置
- 根据IP定位城市名称/经纬度
- Java 实现根据 IP 地址获取地理位置的代码分享
- ASP+SQL语句根据一个IP查询该IP的地理位置
- ASP.NET2.0中根据IP来获取客户的地理位置
- 用百度高精度IP定位服务返回当前地理位置