最近要做一个网页，具体内容是：上边有一个标题，下边分成两块，左边是地图。并且地图上有两个点，点击两个点有相应的提示信息，显示数据库里最新的两条数据信息。右边是一些文字说明。本人刚开始学习，做的也不是很好
总体效果如下所示：
首先新建map.php文件，代码如下
&!DOCTYPE html&
创建与数据库的连接
$conn=mysql_connect(&&,&&,&&) or die(&can not connect to server&);
mysql_select_db(&hdm0410292_db&,$conn);
mysql_query(&set names utf8&);
//选择出两辆车插入的最新数据,并将两条语句存在数组里
$sql0=&select * from car_info where carID=''order by id desc limit 1&;
$sql1=&select * from car_info where carID= '' order by id desc limit 1&;
$sql=array($sql0,$sql1);
&meta name=&viewport& content=&initial-scale=1.0, user-scalable=no& /&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&车联网信息展示&/title&
&style type=&text/css&&
height:99%}
height:99.9%;
width:99%;
font-family:楷体_GB2312;
font-size:25px}
#container {height: 100%}
&script type=&text/javascript&
src=&http://api./api?v=1.5&ak=你申请的秘钥&&&/script&
&body BGCOLOR=&#CAFFFF&&
&div id=&container&&&/div&
&script type=&text/javascript&&
var lon_center = 0;
var lat_center = 0;
var map = new BMap.Map(&container&);
&!-- 添加标注的函数，参数包括，点坐标，车ID，以及数据库里的其他信息--&
function addMarker(point,index,s){
var fIcon = new BMap.Icon(&car1.png&, new BMap.Size(55, 43), {
var sIcon = new BMap.Icon(&car2.png&, new BMap.Size(55, 43), {
var myIcon = &&;
// 创建标注对象并添加到地图
if(index == )
var marker = new BMap.Marker(point, {icon: myIcon});
map.addOverlay(marker);
marker.addEventListener(&click&,function(){
var opts={width:450,height:500,title:&详细信息&};
var infoWindow = Window(s,opts);
map.openInfoWindow(infoWindow,point);
//遍历数组里的两条sql语句
foreach ($sql as &$value) {
$query=mysql_query($value);
$row=mysql_fetch_array($query);
var lon= &?php echo $row[longitude] ?&;
var lat= &?php echo $row[latitude] ?&;
&!-- 计算两个点的中心点，并将其作为地图初始化时的中心位置--&
lon_center +=
lat_center +=
var id=&?php echo $row[id] ?&;
var info=&&br/&&+&carID: & + &&?php echo $row[carID]?&& + & &br/& & +
&经度: & + &&?php echo $row[longitude]?&& + & &br/& & +
&纬度: & + &&?php echo $row[latitude]?&& + & &br/& & +
&速度: & + &&?php echo $row[speed]?&& + &Km/h& + & &br/& & +
&加速度: & + &&?php echo $row[acceleration]?&& + & &br/& & +
&方向: & + &&?php echo $row[direction]?&& + & &br/& & +
&油量: & + &&?php echo $row[oil]?&& + &&br/&& +
&地址: & + &&?php echo $row[street]?&&;
var point = new BMap.Point(lon, lat);
addMarker(point,&?php echo $row[carID] ?&,info);
&!-- 计算两个点的中心点，并将其作为地图初始化时的中心位置--&
var center = new BMap.Point(lon_center/2,lat_center/2);
map.centerAndZoom(center, 17);
map.enableScrollWheelZoom();
map.php文件主要是显示数据库里的两条信息，将这两条信息在地图上的相应的位置显示出来。
然后再建title.php,这个很简单，就是显示一个标题
&!DOCTYPE html&
&meta name=&viewport& content=&initial-scale=1.0, user-scalable=no& /&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&信息展示&/title&
&style type=&text/css&&
height:100%;}
height:10%;
width:99%;
font-family:楷体_GB2312;
font-size:25px}
&body BGCOLOR=&#CAFFFF&&
&H1 ALIGN=&CENTER&& 信息展示 &/H1&
然后在建立详细信息说明模块info.php
&!DOCTYPE html&
$conn=mysql_connect(&&,&&,&&) or die(&can not connect to server&);
mysql_select_db(&&,$conn);
mysql_query(&set names utf8&);
$sql0=&select * from car_info where carID=''order by id desc limit 1&;
$sql1=&select * from car_info where carID= '' order by id desc limit 1&;
$sql=array($sql0,$sql1);
function htmtocode($content){
$content=str_replace(&\n&, &&br&&, str_replace(& &, & &, $content));
&meta name=&viewport& content=&initial-scale=1.0, user-scalable=no& /&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&信息展示&/title&
&style type=&text/css&&
height:90%;}
height:90%;
width:90%;
font-family:楷体_GB2312;
font-size:20px}
&body BGCOLOR=&#CAFFFF&&
&H1 ALIGN=&CENTER&& 信息展示 &/H1&
&?php foreach ($sql as &$value) {
$query=mysql_query($value);
$row=mysql_fetch_array($query);
&H2&car &?php echo $row[carID]?& 详细信息&/H2&
CAR ID: &?php echo $row[carID]?&&br&
经度: &?php echo $row[longitude]?& &br&
纬度: &?php echo $row[latitude]?& &br&
速度: &?php echo $row[speed]?& Km/h &br&
加速度: &?php echo $row[acceleration]?&&br&
方向: &?php echo $row[direction]?& &br&
油量: &?php echo $row[oil]?&&br&
地址: &?php echo $row[street]?&&br&
时间: &?php echo $row[date]?&
&?php } ?&
最后在写一个vanet.php文件，该文件主要是调用前三个文件
&!DOCTYPE html&
&meta name=&viewport& content=&initial-scale=1.0, user-scalable=no& /&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&信息展示&/title&
&FRAMESET ROWS=&10%,90%& FRAMEBORDER=1 &
&FRAME SRC=&title.php&&&/FRAME&
&FRAMESET COLS=&70%,30%&&
&FRAME SRC=&map.php&&
&FRAME SRC=&info.php&&
&/FRAMESET&
&/FRAMESET&
有时做了一些东西没有记录，而过一段时间再看的时候，有会忘记了。需要在重新在看一遍。 百度地图javascript api可以参考/map/reference/ 示例：/map/jsdemo.htm 更多百度地图的介绍/milkm
百度三维地图的js数据格式：mapData[&sign&] [&5,158,141&]={&busStation&:{&4,317,282&: [{&id&:&ffebd5b91083&,&name&:&地安门
功能的大概：用户通过点击地图上面的位置，在地图上面进行描点，然后再把获取的到的地理位置保存到地图上面的地址栏目中。 主要是百度地图API的使用
var map = new BMap.Map(&allmap&); //实例化一个地图对象 var point = new BMap.Point(116..897445); //设置地图中心的位置
采用CSS覆盖的方法就可以了，但是官方是不允许这么做的，参考：/map/question.htm
&!DOCTYPE html& &html& &head& &meta charset=&utf-8&/& &title&javascript移除百
作为开发的初学者，这东西仅仅作为个人备份，如果能帮到忙也也不错（我开发用的php，但这是js这本身没多大影响）
这里要说明几个问题：
1.boxy调用的页面中不能出现《script》标签不然不能显示
2.boxy调用的时候要注意流程，要先加载出boxy然后再去渲染地图到boxy页面中
3.百度地图的加载js应放在弹出boxy的那个页面中
注意流程：boxy页面其实为单独的一个页面只是用了
最近做百度地图的模拟数据，需要获取某条公交线路沿途站点的坐标信息，貌似百度没有现成的API，因此做了一个模拟页面，工具而已，IE6/7/8不支持
&!DOCTYPE html& &html& &head& &meta charset=&utf-8& /& &title&获取公交站点坐标&/t
前言：最近在做SOSO地图相关开发，遇到相关画圆知识，特此简单记录下来。1.在页面中添加SOSO地图API引用，引用脚本：
&script charset=&utf-8& src=&http://api./v1.0/main.js&&&/script&；
2.新建一个地图DIV容器，如
最近的数据统计项目中要用到中国地图，也就是在地图上动态的显示某个时间段某个省份地区的统计数据，我们不需要flash，仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作。在本文中，我给大家分享如何使用js来完成地图交互。 先简单介绍下raphael.js，raphael.js是一个很小的javascript库，它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等
&title&从百度扒下来的竖直伸缩菜单-www.jb51.net&/title& &div class=&menu& id=&MenuContainer&& &h4 nodeid=&390&&新手入门&/h4& &div style=&display:none&
最近客户需求老是变更，不过有些是因为客户催得急，我没有那么快能完成，所以先做了一个雏形给他们，后来再慢慢改。比如雏形那里我做了一个下拉列表给他们，事实上他们的数据有200多条，用个下拉列表的话很不现实，你能找那么多？而且那个下拉列表该有多长啊？所以很自然的，我想到了百度那个智能提示的功能。 参考了一下之前忘记是哪位大侠写的东西，他的是使用百度api的，为了简单起见，我把数据都定在了js那里，这样看
本文实例讲述了sogou地图API应用，是非常实用的技巧。分享给大家供大家参考。具体实现方法如下： 地图的初始化 1、添加引用地图的API文件：
&script src=&http://xiazai.jb51.net/201409/other/api_v2.5.1.js& type=&text/javascript&&&/script&
Maplace.js是一个小的显示谷歌地图的 jQuery 插件，帮助你把谷歌地图嵌入到你的网站，快速在地图位置上创建标记和控制菜单。它需要 jQuery 和谷歌地图 API v3 支持，所以这两个都需要引入到你的页面。它支持标记和自定义图标、缩放级别和自定义控件菜单。
发现很多网站在放置百度分享代码的时候，简单的将分享代码放置到固定的网页位置就完事了，这是非常致命的方式。因为，我经常打开一个网页的时候，发现在网页加载到分享代码的时候，有时候花上几秒的时候来请求百度的服务器，最后展示分享按钮。
其实，像这样对网页来说不是非常重要的功能，我们大可以用JS来延迟加载，从而提高网页主要内容的快速加载显示。 这里分享下我的放置方式。
一、copy百度分享代码，如下：
百度目前为站长提供了判断手机终端类型并自动实现跳转的js脚本，极大的方便了广大站长及web开发人员。其js脚本的使用方法极其简单。
&script src=&/static/webappservice/uaredirect.js& type=&text/javascript&&
51Map免费提供了地图接口以下是调用接口并且实现地理位置标注，存储,修改和回显功能。 51地图网址：/
在网页中引入
&script type=&text/javascript& src=&/js/maps.js&&&/script
今天看到有百度验证码挺有意思的，就把它仿下来了。 利用JS实现当选择满4个后自动对比，本文中采用静态对比的方法看你是否全部选择对。然后提示【答案正确！】或【答案错误!】， 以后有空再去做成程序，先分享给大家！ 效果图如下：
源代码如下：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN
asp.net调用谷歌地图api，需要注意js引入的先后顺序，复制一下代码即可测试
&html xmlns=&http://www.w3.org/1999/xhtml&& &head& &title&&/title&//在这里要注意js引入的先后顺序 &link href=&Mapjs/jquery.ui.b
本文实例讲述了php生成百度sitemap站点地图类函数的方法，分享给大家供大家参考。具体实现方法如下： 问题概述： 公司网站是问答百科的网站、seo工程师提出需求说根据网站的问题来生成xml文件。每个xml文件包含5000条setmap格式数据。现在线上网站大约有70w条问题，所以说基本生成140个xml文件。还有一个索引文件。比如文件的名称以数字开头的。索引文件包含的内容就是每个xml文件的路
出现百度地图卡死多般是出现在ie浏览器了，出现这种情况只是假象卡死，并不是真的卡死了我们只要等待一会就好了，还有一种办法就是结束IE进程即可 原因分析: 百度地图和Win8的IE10版本不兼容。 解决方案: 在网页界面点击F12按键出现下列菜单，选择Internet Explorer 9后再打开百度地图就不会再卡死，但是每次运行百度地图之前都需要重新打开，打开的方法如下图：
下图为使用百度地图JSAPI生成的H7N9感染分布图示例，其中的数据来自新华网（4.8号），截图如下：
使用的功能列表如下： 1.自定义版权控件功能，即（1）对应的数据来源部分，代码如下：
var cr = new BMap.CopyrightControl({anchor: BMAP_ANCHOR_TOP_RIGHT}); map.addControl(cr); //添
百度地图定位点弹出框title 帮个忙！
使用百度地图进行定位时，会出现一个蓝色的圆点。点击圆点，会弹出“我的位置”这几个字。可以自定义这几个字不？怎么处理？
谢谢大家！
------解决方案-------------------- 百度地图的BMKPointAnnotation能设置title属性吧
------解决方案---------------
1. 添加动态加载css文件 不需要引入css css全部在JS动态生成。2. 不需要额外的标签 只需要一个input输入框 并且默认指定一个class类名为 &inputElem& 当然也可以自己配置参数 还需要一个当前父级容器增加一个默认类名 parentCls(也可以自己配置)，因为输入框匹配值后需要一个隐藏域 所以需要隐藏域增加一个class &hiddenC
网站质量不错的网站可以在百度站长平台/数据提交/sitemap栏目下看到实时推送的功能, 目前这个工具是邀请开放, 百度的实时推送的api接口可以实时推送我们新发布的文章, 保证百度在第一时间收录.
百度站长平台 /
打开百度站长平台, 点开实时推送的添加新数据接口获得带token的api推送地址：
IOS百度地图定位 IOS百度地图定位，定到了，但是为什么，地图不自动移动到我的位置上，要设置什么吗
------解决方案-------------------- 你点下那个小圆圈，它就居中了。
------解决方案-------------------- CLLocationCoordinate2Dcoordinate=userLocation.location.coordina
本人热衷于解答网友的技术类问题，于是在百度知道栏目创办了“挨踢五四三”团队。 自团队创办以来，每天都有大量网友申请加入我的团队，于是审核团队新成员成了一个费力气的活儿。
在此情况下，我写了个脚本，自动计算他们的回答采纳率，采纳率低于20%的自动打勾 选中，等级太低的人也自动打勾选中。 然后只要点击一下“拒绝”按钮就可以了。
使用方法：
进入“审批新成员”的页面，再按住键盘上的shift键
原因是在html中加上文档类型(DOCTYPE)后判断屏幕坐标出错,网络上也有解决方法，就是去掉文档类型，这种治标不治本的方法我觉得很不合理，本人花了点时间修改了一下。经测试ie6、ie7、firefox2.0、firefox3.0 是没有任何问题的,其他的我没有测试。改后的压缩文件多了2KB左右,现在为16.2 KB。在目前的网络带宽下还是比较合理的。如果有需要我可以提供popup.js注释版。
脚本之家之前发布过这样的代码，其实问题不大，但这里的版本主要是增加一些功能，回调执行服务器端的方法，对于asp.net开发或ajax开发都是非常有价值的改进。 先看下效果图：
原有百度的Popup.js在有
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& "
以下是在页面加入两个地图的效果：
页面核心代码如下:
&style type=&text/css&& #mapDiv1 { height:400 width:600 } #mapDiv2 { height:400 width:600 left:620 top:-420} &/style& <
1、用JS调用Htm，主页面怎么写？ 在&body&与&/body&之间合适位置写下这个代码： &scriptlanguage=&JavaScript&src=&head.js& type=&text/JavaScript&&&/script& src=&
搞了个不是局部刷新的百度搜索框下拉提示效果，在被领导批了n次后，问了n次后，弄出来了，真心感觉我这个小脑壳，太不灵光了，太懒了。记录下来，以免忘记。
大致思路：前台放一个input标签，然后当该标签内的值输入有变化的时候，调用后台代码查询 符合条件的数据绑定ListBox。
具体实现思路：一个input，当输入值变化时，调用后台代码。但是怎么调用呢，这个是个问题了，在该input下放一个隐藏
百度翻译API的PHP代码，测试可以实现，不过英译中可能需要转换编码。
&?php function language($value,$from=&auto&,$to=&auto&) {
$value_code=urlencode($value);
#首先对要翻译的文字进行 urlencode 处理 &n
公司最近有个项目有这样的需求我才发现我之前写的 如何通过JS获取用户本地图片路径 这篇文章里所使用的方法只支持本地页面预览本地图片 有一种解决方法是上传到服务器后返回相对路径 但是效率是个问题，编程复杂度也会提高 直接上demo代码 为更多有这种需求又苦于找不到解决方案的同行提供源码 转载请注明出处 我这里还有更多的其他问题的解决方案供更多人参考
&!DOCTYPE html PUBLI
今天有点小高兴，csdn博客浏览量过万了，在过去还从来没有过这么高的浏览量呢，不得不说，太多时候还是有些矫情，可看到这些鼓励还是忍不住高兴啊，至少，这样让我有一种行内人员的感觉，吾道不孤啊。 闲话不多说，继续今天的记录，记录回放拖拽痕迹，先从过程上进行分析： 1、要实现回放拖拽痕迹，则必须先有记录； 2、要记录拖拽痕迹，则必须要实现拖拽； 这个问题前几天曾经做到过，当时实现的也略有瑕疵，但大致的实
ie8.0 显示本地图片 img.src
&html& &head& &title&js图片上传预览&/title& &script& function PreviewImage(imgFile) { var filextension=imgFile.value.substring(imgFile.value.lastIndexOf(
本文实例讲述了Asp.NET调用百度翻译的方法。分享给大家供大家参考。具体分析如下： Asp.NET调用百度翻译，如下图所示：
HTML代码如下:
&%@ Page Language=&C#& AutoEventWireup=&true& CodeFile=&baidu.aspx.cs& Inherits=&
提供一个谷歌（腾讯）、百度地图纠偏数据库
丽水市汽车运输集团股份有限公司信息中心苟安廷
在天朝特有的加偏让开发者不胜其烦，地图纠偏也就一直是开发者头疼，关于加偏、纠偏的详细描述网上一大堆，可以自己搜搜，这里简介一下，就是我们接收到的GPS坐标如果直接显示到电子地图上，和实际位置有很大的偏移，必须把GPS坐标加上一定的偏移量再显示到电子地图上才能反映真正的
关于如何获取 access_token 这个可以自己查百度开放的OAuth 2.0 的 API。这里不做介绍。 第三方 Python 库 poster
# coding:UTF-8
import urllib
import urllib2
__author__ = 'Administrator' from poster.encode import multipart
百度地图纠偏数据库
百度地图经纬度纠偏数据库，精确度0.01，通过此纠偏数据可以将偏移的经纬度纠正得到真实的地址。
为什么需要纠偏？
中国地图和卫星图都存则偏移量，这个是由中国规划局确定的，一个偏移算法，实际上是没有什么特殊规律的，他的生成算法是有规律，不过这个规律你我都很难拿到，那我们怎么解决这个偏差呢,就是靠纠偏数据库来解决，精确度达到0.01，完全可以解决地图偏移出现的问题。
Js函数调用的方式有如下几种情况： (1)具名函数直接调用
function foo()
(2)匿名函数通过引用来调用
fooRef = function()
} fooRef();
(3)没有引用的匿名函数调用1
本文实例讲述了smarty中js的调用方法，分享给大家供大家参考。具体方法分析如下： 一、问题： 有时候，在smarty中，包含js的时候，整个页面就不会显示，而程序员往往在页面中找错误，程序页面，模板页面检查了多次都没有错误，就很郁闷了。 二、解决办法： 把模板页面中的js代码拷贝出来放在新建的js文件中，然后在包含到模板页面里面，如：
{popup_init src=&q百度地图的图示哪里可见到？比如颜色，各种图标表示什么意思_百度知道
百度地图的图示哪里可见到？比如颜色，各种图标表示什么意思
//d.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="/zhidao/pic/item/fcc3ce68d2ed43f205d.baidu://d<a href="http./zhidao/wh%3D600%2C800/sign=923daa71b651f819f1700b4cea0b912c8fcc3ce68d2ed43f205d://d.jpg" esrc="/zhidao/wh%3D450%2C600/sign=9d55c3de4ced2e73fcbc8e28b2318dbd/fcc3ce68d2ed43f205d.baidu
那个细细的绿线表示铁路？
提问者采纳
紫色等花花绿绿的线条，可能大家觉得约定俗成就可以了楼主考虑得够仔细。——那个细绿线，应该是地铁线路，以及其他淡蓝色，好像都没有图例，貌似目前各种电子地图
提问者评价
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁
