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>

javaweb如何定位相关推荐

基于Javaweb实现的人脸识别+GPS定位考勤系统
研究目标: 目前人脸识别技术应用范围己非常广泛,通过技术真正实现了'刷脸'消费.办事的美好愿望.在企业办公考勤应用,人脸识别考勤也己经替代了原来的指纹打卡的考勤方式.本系统主要实现的对于人脸识别 ...
javaweb中使用百度、谷歌地图进行定位
之前给一个公司做了一个定位,调用一个接口获得经纬度,然后在地图上显示, 之前我做了三种显示,百度.谷歌.搜狗,搜狗和百度类似,这里就介绍百度和谷歌了, 之前我们在一个城市里面坐了测试,不一定很准确,但 ...
javaWeb——Servlet
Servlet 系统架构 B/S结构的系统通信原理(没有涉及到Java小程序) 关于WEB服务器软件实现一个最基本的web应用(这个web应用中没有java小程序) 对于一个动态的web应用来说,一 ...
JavaWeb笔记01
文章目录 JavaWeb(狂神说Java) 1.基本概念 1.1前言 1.2web应用程序 1.3静态web 1.4 动态web 2.web服务器 2.1技术讲解 2.2web服务器 3.Tomcat ...
JavaWeb学习笔记（十）--HttpServletRequest
1. HttpServletRequest简介 HttpServletRequest对象代表客户端的请求,当客户端通过HTTP协议访问服务器时,HTTP请求头中的所有信息都封装在这个对象中 2. Ht ...
url如何定位到Servlet项目
简介:url如何定位到Servlet项目 http://localhost:8080/JavaWeb/test http:http协议 localhost:本地主机,同127.0.0.1 8080:端 ...
java web视频_超全面的JavaWeb视频教程
超全面的JavaWeb视频教程此套JavaWeb视频为非常全面的教程,适合JavaWeb爱好者自学.课程循序渐进.深入浅出,涉及到所有的知识点.学会本套教程,你就可以完全掌握到JavaWeb开发精髓 ...
尚硅谷最新版JavaWeb全套教程,java web零基础入门完整版（一）
HTML和CSS ctrl + shift + / 在同一行代码中的后半截产生注释 HTML标签的介绍标签拥有自己的属性,分为基本属性和事件属性标签的基本属性 :bgcolor=" ...
JavaWeb黑马旅游网-学习笔记06【旅游线路分页展示分页展示】
Java后端学习路线笔记汇总表[黑马程序员] JavaWeb黑马旅游网-学习笔记01[准备工作] JavaWeb黑马旅游网-学习笔记02[注册功能] JavaWeb黑马旅游网-学习笔记03[登陆和 ...

javaweb如何定位

javaweb如何定位相关推荐

最新文章

热门文章