定位来说 谷歌是比百度要精准的,包括一些位置的信息,都比较全,但是因为谷歌在中国的处境来说,现在很多机房的服务器都把谷歌给禁用了,根据情况来看吧!
第一种 百度
直接上代码:
<!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应用中集成Google Maps是一项常见的需求,用于提供地理定位、导航以及地图展示功能。本Demo主要展示了如何在JavaWeb项目中有效地整合Google Maps API,以实现丰富的地图交互功能。以下将详细介绍这个Demo...
在IT行业中,尤其是在Web开发领域,使用地图API来集成地理位置服务是常见的需求。"百度地图javaweb"项目就是这样一个示例,它结合了百度地图API,为用户提供了一种在Web应用中查找路线、计算距离和时间的功能。下面...
根据给定的文件信息“百度地图视频教程javaweb”,我们可以从中提炼出一系列与百度地图API集成到JavaWeb项目中的相关知识点。以下是对这些知识点的详细解析: ### 一、百度地图API简介 百度地图API(Application ...
基于javaweb的仿照百度网盘的小型云盘系统源码+sql数据库.zip基于javaweb的仿照百度网盘的小型云盘系统源码+sql数据库.zip基于javaweb的仿照百度网盘的小型云盘系统源码+sql数据库.zip基于javaweb的仿照百度网盘的...
基于javaweb的仿照百度网盘的小型云盘系统源码+数据库,本系统是一个基于javaweb的仿照百度网盘做的小型云盘系统,前端使用bootstrap框架构建,后台未使用框架,使用的是最基本的servlet实现。 基于javaweb的仿照...
标题中的“百度离线地图用myeclipse开发javaweb项目”揭示了本项目的核心内容:使用MyEclipse集成开发环境来构建一个Java Web应用程序,目的是实现百度离线地图的功能。MyEclipse是Eclipse的一个扩展,专为Java...
【标题】:“javaweb仿百度云网盘项目源码”是一个基于Java Web技术实现的类似于百度云网盘的项目,旨在提供文件存储、管理和分享的功能。该项目利用了多种技术框架,包括Maven、Struts2、Spring和MyBatis,以及...
MyBatis避免了几乎所有的JDBC代码和手动设置参数以及获取结果集,可以使用简单的XML或注解进行配置和原始映射,将接口和Java的POJOs(Plain Old Java Objects,普通的Java对象)映射成数据库中的记录。 ### 实战案例...
参考了百度开发api文档整合,百度api地址:http://lbsyun.baidu.com/ 输入城市名称,在地图上定位到当前城市,并且输出经度和纬度,输入出发地和目的地分别定位,并查找两地之间的行车距离、时间以及路径分步骤。
在本压缩包文件"javaweb通过串口和单片机进行通信.zip"中,重点讲述的是如何使用JavaWeb技术与单片机进行通信,实现远程控制设备,如空调和门开关。 首先,我们要理解JavaWeb中的Servlet技术。Servlet是Java编写的...
【标签】中的"javaweb"指该系统是用Java语言结合Web技术实现的,JavaWeb是Java在Web应用领域的应用,它利用Servlet、JSP(JavaServer Pages)、JSTL(JavaServer Pages Standard Tag Library)等技术构建动态网站。...
这个项目的核心特点包括使用MySQL作为后端数据库存储数据,以及使用JSP(JavaServer Pages)进行前端界面设计。下面我们将详细探讨JavaWeb、MySQL数据库以及JSP在构建此类系统中的应用。 1. **JavaWeb**:JavaWeb是...
本教程涵盖了Tomcat服务器、Servlet等核心组件的使用,并在IntelliJ IDEA(一款强大的Java开发集成环境)上进行实践操作,教你如何通过Tomcat构建Web应用。 一、Tomcat服务器 Tomcat是Apache软件基金会的Jakarta...
1. **MVC设计模式**:项目很可能采用了Model-View-Controller(模型-视图-控制器)架构,这是JavaWeb开发中常用的设计模式。模型负责业务逻辑,视图负责显示数据,控制器处理用户请求并协调模型和视图。Spring MVC或...
这个javaweb版的百度鹰眼控制台,意味着它采用了Java语言和Web技术进行开发。Java Web是指使用Java技术栈来构建Web应用程序,包括Servlet、JSP、Spring MVC、Struts等框架。这样的设计让开发者能够利用Java的强大...
7. **错误处理与日志记录**:在实现过程中,需要考虑网络错误、API调用错误等各种异常情况,进行适当的错误处理,并记录日志,以便于调试和问题定位。 8. **安全考虑**:在传输敏感的API密钥或用户语音数据时,确保...
3. **JavaWeb框架**:在JavaWeb环境中,可以使用Spring Boot或Struts2等框架构建服务器端应用。这些框架提供了便捷的MVC(Model-View-Controller)模式,简化了Web开发流程。 4. **图片上传技术**:用户上传图片时...
动力节点老杜javaweb笔记
9. **Spring框架**: Spring是JavaWeb开发中广泛使用的轻量级框架,提供依赖注入、AOP(面向切面编程)、MVC结构等特性,简化开发流程。 10. **Struts和Hibernate**: Struts是MVC框架的一个早期实现,而Hibernate是...