javaweb中使用百度、谷歌地图进行定位
2014-05-16 13:53
274 查看
之前给一个公司做了一个定位,调用一个接口获得经纬度,然后在地图上显示,
之前我做了三种显示,百度、谷歌、搜狗,搜狗和百度类似,这里就介绍百度和谷歌了,
之前我们在一个城市里面坐了测试,不一定很准确,但是比较出来的结果是
就定位来说 谷歌是比百度要精准的,包括一些位置的信息,都比较全,但是因为谷歌在中国的处境来说,现在很多机房的服务器都把谷歌给禁用了,根据情况来看吧!
第一种 百度
直接上代码:
第二种: 谷歌
首先引入 <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
代码如下
js代码
var myLatlng = new google.maps.LatLng(ret.attache.json.lat, ret.attache.json.lng);// 中国地图全图
var optMap =
{
zoom: 15,
center: myLatlng,
streetViewControl:false,
mapTypeControl: true,
mapTypeControlOptions: {
mapTypeIds: [/**google.maps.MapTypeId.SATELLITE ,google.maps.MapTypeId.HYBRID* */], // comment
position: google.maps.ControlPosition.TOP_LEFT
},
// navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.DEFAULT,
position: google.maps.ControlPosition.LEFT
},
//ROADMAP SATELLITE
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('container'),optMap);
map.setOptions({Zoom:18,center:myLatlng});
html
<div id="locationDiv" >
<div id="container" style="position:relative; width:450px; height:300px;"></div>
</div>
之前我做了三种显示,百度、谷歌、搜狗,搜狗和百度类似,这里就介绍百度和谷歌了,
之前我们在一个城市里面坐了测试,不一定很准确,但是比较出来的结果是
就定位来说 谷歌是比百度要精准的,包括一些位置的信息,都比较全,但是因为谷歌在中国的处境来说,现在很多机房的服务器都把谷歌给禁用了,根据情况来看吧!
第一种 百度
直接上代码:
第二种: 谷歌
首先引入 <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
代码如下
js代码
var myLatlng = new google.maps.LatLng(ret.attache.json.lat, ret.attache.json.lng);// 中国地图全图
var optMap =
{
zoom: 15,
center: myLatlng,
streetViewControl:false,
mapTypeControl: true,
mapTypeControlOptions: {
mapTypeIds: [/**google.maps.MapTypeId.SATELLITE ,google.maps.MapTypeId.HYBRID* */], // comment
position: google.maps.ControlPosition.TOP_LEFT
},
// navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.DEFAULT,
position: google.maps.ControlPosition.LEFT
},
//ROADMAP SATELLITE
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('container'),optMap);
map.setOptions({Zoom:18,center:myLatlng});
html
<div id="locationDiv" >
<div id="container" style="position:relative; width:450px; height:300px;"></div>
</div>
相关文章推荐
- javaweb中使用百度、谷歌地图进行定位
- javaweb中使用百度、谷歌地图进行定位
- javaweb中使用百度、谷歌地图进行定位
- javaweb中使用百度、谷歌地图进行定位
- javaweb中使用百度、谷歌地图进行定位
- javaweb中使用百度、谷歌地图进行定位
- JavaWeb中使用百度谷地图进行定位
- javaweb中使用百度地图进行定位
- 使用百度SDK进行定位完整Demo
- Delphi XE10 使用百度定位SDK Jar包进行定位
- 百度API使用--javascript api进行多点定位
- Android使用百度定位SDK方法及错误处理
- 使用百度地图进行区域搜索与定位
- C# 使用Google API进行手机基站定位资料整理
- 使用HTML5进行地理位置定位。误差在+-500m
- windows下使用cscope vim对函数进行定位
- selenium中使用css选择器进行元素定位
- 百度定位API使用方法
- 使用ios系统自带的MapKit framework进行定位
- 使用百度定位服务实现 GPS+基站+WI-FI+IP混合定位功能