`
周华华
  • 浏览: 10267 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

javaweb中使用百度、谷歌地图进行定位

 
阅读更多

定位来说  谷歌是比百度要精准的,包括一些位置的信息,都比较全,但是因为谷歌在中国的处境来说,现在很多机房的服务器都把谷歌给禁用了,根据情况来看吧! 


第一种  百度


直接上代码:

<!DOCTYPE>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>百度地图</title>
    <style type="text/css">
        html{height:100%}
        body{height:100%;margin:0px;padding:0px}
        #container{height:100%}
    </style>
    <script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
</head>
<body>
 
 
<input type="text" id="cityName" value="福州"/>
<input type="button" onclick="setCity()" value="查找" />
<div id="container" style="width:1024px;height:600px;"></div>
 
 
<script type="text/javascript">
    var map = new BMap.Map("container");        //在container容器中创建一个地图,参数container为div的id属性;
 
    var point = new BMap.Point(120.2,30.25);    //创建点坐标
    map.centerAndZoom(point, 14);                //初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom();                //激活滚轮调整大小功能
    map.addControl(new BMap.NavigationControl());    //添加控件:缩放地图的控件,默认在左上角;
    map.addControl(new BMap.MapTypeControl());        //添加控件:地图类型控件,默认在右上方;
    map.addControl(new BMap.ScaleControl());        //添加控件:地图显示比例的控件,默认在左下方;
    map.addControl(new BMap.OverviewMapControl());  //添加控件:地图的缩略图的控件,默认在右下方; TrafficControl    
 
    var search = new BMap.LocalSearch("中国", {
      onSearchComplete: function(result){
        if (search.getStatus() == BMAP_STATUS_SUCCESS){
          var res = result.getPoi(0);
          var point = res.point;
          map.centerAndZoom(point, 11);
        }
      },renderOptions: {  //结果呈现设置,
        map: map,  
        autoViewport: true,  
        selectFirstResult: true 
      } ,onInfoHtmlSet:function(poi,html){//标注气泡内容创建后的回调函数,有了这个,可以简单的改一下返回的html内容了。
        // alert(html.innerHTML)
      }//这一段可以不要,只不过是为学习更深层次应用而加入的。
    });
 
    function setCity(){
      search.search(document.getElementById("cityName").value);
    }
 
    search.search(document.getElementById("cityName").value);
 
 
</script>
</body>
</html>




第二种:  谷歌

首先引入  <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上使用的googlemap的demo

    在JavaWeb应用中集成Google Maps是一项常见的需求,用于提供地理定位、导航以及地图展示功能。本Demo主要展示了如何在JavaWeb项目中有效地整合Google Maps API,以实现丰富的地图交互功能。以下将详细介绍这个Demo...

    百度地图javaweb

    在IT行业中,尤其是在Web开发领域,使用地图API来集成地理位置服务是常见的需求。"百度地图javaweb"项目就是这样一个示例,它结合了百度地图API,为用户提供了一种在Web应用中查找路线、计算距离和时间的功能。下面...

    百度地图视频教程javaweb

    根据给定的文件信息“百度地图视频教程javaweb”,我们可以从中提炼出一系列与百度地图API集成到JavaWeb项目中的相关知识点。以下是对这些知识点的详细解析: ### 一、百度地图API简介 百度地图API(Application ...

    基于javaweb的仿照百度网盘的小型云盘系统源码+sql数据库.zip

    基于javaweb的仿照百度网盘的小型云盘系统源码+sql数据库.zip基于javaweb的仿照百度网盘的小型云盘系统源码+sql数据库.zip基于javaweb的仿照百度网盘的小型云盘系统源码+sql数据库.zip基于javaweb的仿照百度网盘的...

    基于javaweb的仿照百度网盘的小型云盘系统源码+数据库

    基于javaweb的仿照百度网盘的小型云盘系统源码+数据库,本系统是一个基于javaweb的仿照百度网盘做的小型云盘系统,前端使用bootstrap框架构建,后台未使用框架,使用的是最基本的servlet实现。 基于javaweb的仿照...

    百度离线地图用myeclipse开发javaweb项目,包含无水印百度地图瓦片下载软件

    标题中的“百度离线地图用myeclipse开发javaweb项目”揭示了本项目的核心内容:使用MyEclipse集成开发环境来构建一个Java Web应用程序,目的是实现百度离线地图的功能。MyEclipse是Eclipse的一个扩展,专为Java...

    javaweb仿百度云网盘项目源码

    【标题】:“javaweb仿百度云网盘项目源码”是一个基于Java Web技术实现的类似于百度云网盘的项目,旨在提供文件存储、管理和分享的功能。该项目利用了多种技术框架,包括Maven、Struts2、Spring和MyBatis,以及...

    javaweb学习资料百度云链接

    MyBatis避免了几乎所有的JDBC代码和手动设置参数以及获取结果集,可以使用简单的XML或注解进行配置和原始映射,将接口和Java的POJOs(Plain Old Java Objects,普通的Java对象)映射成数据库中的记录。 ### 实战案例...

    java web 完整百度地图demo 准确定位出发地和目的地

    参考了百度开发api文档整合,百度api地址:http://lbsyun.baidu.com/ 输入城市名称,在地图上定位到当前城市,并且输出经度和纬度,输入出发地和目的地分别定位,并查找两地之间的行车距离、时间以及路径分步骤。

    javaweb通过串口和单片机进行通信.zip

    在本压缩包文件"javaweb通过串口和单片机进行通信.zip"中,重点讲述的是如何使用JavaWeb技术与单片机进行通信,实现远程控制设备,如空调和门开关。 首先,我们要理解JavaWeb中的Servlet技术。Servlet是Java编写的...

    基于Javaweb在线考试系统.rar

    【标签】中的"javaweb"指该系统是用Java语言结合Web技术实现的,JavaWeb是Java在Web应用领域的应用,它利用Servlet、JSP(JavaServer Pages)、JSTL(JavaServer Pages Standard Tag Library)等技术构建动态网站。...

    javaweb华为商城.zip

    这个项目的核心特点包括使用MySQL作为后端数据库存储数据,以及使用JSP(JavaServer Pages)进行前端界面设计。下面我们将详细探讨JavaWeb、MySQL数据库以及JSP在构建此类系统中的应用。 1. **JavaWeb**:JavaWeb是...

    尚硅谷全新JavaWeb教程,企业主流javaweb技术栈 中代码

    本教程涵盖了Tomcat服务器、Servlet等核心组件的使用,并在IntelliJ IDEA(一款强大的Java开发集成环境)上进行实践操作,教你如何通过Tomcat构建Web应用。 一、Tomcat服务器 Tomcat是Apache软件基金会的Jakarta...

    javaweb当当网源码

    1. **MVC设计模式**:项目很可能采用了Model-View-Controller(模型-视图-控制器)架构,这是JavaWeb开发中常用的设计模式。模型负责业务逻辑,视图负责显示数据,控制器处理用户请求并协调模型和视图。Spring MVC或...

    百度鹰眼控制台javaweb版

    这个javaweb版的百度鹰眼控制台,意味着它采用了Java语言和Web技术进行开发。Java Web是指使用Java技术栈来构建Web应用程序,包括Servlet、JSP、Spring MVC、Struts等框架。这样的设计让开发者能够利用Java的强大...

    javaweb实现语音识别

    7. **错误处理与日志记录**:在实现过程中,需要考虑网络错误、API调用错误等各种异常情况,进行适当的错误处理,并记录日志,以便于调试和问题定位。 8. **安全考虑**:在传输敏感的API密钥或用户语音数据时,确保...

    基于javaweb人脸识别

    3. **JavaWeb框架**:在JavaWeb环境中,可以使用Spring Boot或Struts2等框架构建服务器端应用。这些框架提供了便捷的MVC(Model-View-Controller)模式,简化了Web开发流程。 4. **图片上传技术**:用户上传图片时...

    动力节点老杜javaweb笔记

    动力节点老杜javaweb笔记

    javaweb笔记+代码(狂神说java)

    9. **Spring框架**: Spring是JavaWeb开发中广泛使用的轻量级框架,提供依赖注入、AOP(面向切面编程)、MVC结构等特性,简化开发流程。 10. **Struts和Hibernate**: Struts是MVC框架的一个早期实现,而Hibernate是...

Global site tag (gtag.js) - Google Analytics