关于2.6版本的百度baidu地图

dick1103 · 发表于 2013-4-18 23:34:11

之前，试用过2.3的体验版本。

在联系我们中，可以插入GOOGLE地图，很方便。但是，在插入的google地图上不以进行标注。

体验版中，也可以插入BAIDU地图，虽然操作有先点击“源代码”这个按钮，百度地图可以时行标注，而且可以进行多个标注，地图也能进行放大或缩小操作。
但重新这个页面里的其它内容时，如电话号码等，就会看不见百度地图。

到了2.6版本了，
GOOGLE地图，还是和体验版本的一样。

但是，按体验版本的方法，插入百度地图时，不成功。尝试多次，都不成功。

发现在图标上有个“百度地图”的按钮，试了一下，插入这个地图，发现这个只是插入一张地图的图片，不能进行标注，地图也不能进行放大或缩小操作。

体验版本上，插入地图的功能挺好的，就是重新编辑时，有问题，很不方便，把这个问题改了，就很好了呀。

新的版本，应该在总结之前的版本的功能和优点的基础上，不断改进，怎么感觉这个地图的功能，还没有体验版本的好呢？体验版的地图功能能否保留下来，
并改进重新编辑不方便的问题呢？

2.6版本中的百度地图：

体验版本中的百度地图：

dick1103 · 发表于 2013-4-19 10:32:23

在2.6版中，能插入google地图，但不能插入baidu地图，是地图，不是地图的图片哦。
体验版中，GOOGLE地图和BAIDU地图，都是能插入的。
我的操作方法和步骤是和在体验版里的一样的。

有专门测试软件的同志吗？麻烦亲自测试一下，给个说明吧。

xqf · 发表于 2013-4-19 17:01:03

请试下,通过编辑器插入百度地图

dick1103 · 发表于 2013-4-19 17:29:36

盼了一天，终于有回复了。谢谢！

是呀，我也发现这个功能了。新版本2.6中，编辑器中有个“百度地图”的按钮。

这个也试过了。可以生成一张图片，也可以生成动态地图。
1楼的其中一张图片，就是用这个“百度按钮”生成的，是静态的图片。

这个按钮也可以生成动态地图，这个操作倒是是很方便。
但是，这个“百度地图”按钮，所生成的动态地图，有几个问题：
1、地图的大小，不能更改。
2、不能在地图上加标注。
3、放大或缩小地图时，会变成空白（也可能是无响应吧）。下午有好几次就是这样的。

xqf · 发表于 2013-4-19 17:47:59

1.通过源代码改
2.不能.如要实现需程序员自己研究一下百度地图不同方式引入网站
3.变成空白先关闭,关闭后再打开.就显示了

dick1103 · 发表于 2013-4-19 18:01:49

2.3的体验版中，可以插入百度地图，要点击一下编辑器最左边的“源代码”，就可以插入百度地图，不需要再增加或删减代码的（如有些帖子中说到的要去掉“<head>”等）。

2.6的正式版中，编辑器最左边的是“HTML”按钮，点击这相按钮后，再插入百度地图后，只会出现个框框（应该是地图大小的边框），框框的中间并无内容。

在2.6正式版中，要如何才能实现象2.3体验版本那插入百度地图呢？

谢谢！

xqf · 发表于 2013-4-19 18:06:29

1.程序员自己研究一下百度地图不同方式引入网站
2.变成空白先关闭,关闭后再打开.就显示了
3.2.3体验版本那插入百度请截图

dick1103 · 发表于 2013-4-20 00:09:36

http://bbs.sitestar.cn/thread-107226-1-1.html

倒数第三楼的回复，提示“需要点击源代码再放置代码。”

等下再放我的截图吧。

dick1103 · 发表于 2013-4-20 01:03:49

2.3体验版中插入百度地图：

1、打开体验的编辑器，如下图，

2、并点击如上图所示的“源代码”按钮，显示如下图所示：

3、把在百度地图API复制的代码粘贴到编辑器时，如下图所示。注意，不需要做任何的修改。

4、保存，然后再打开刚才的这编文章，如下图所示：

但是，如果再编辑一下该文章的话，该地图就会失效。
原本以为，在2.6版本中，会解决这个问题。没有想到的是，连地图都插入不了。

dick1103 · 发表于 2013-4-20 01:06:51

2.3体验版中插入百度地图：

1、打开体验的编辑器，如下图，

2、并点击如上图所示的“源代码”按钮，显示如下图所示：

3、把在百度地图API复制的代码粘贴到编辑器时，如下图所示。注意，不需要做任何的修改。

4、保存，然后再打开刚才的这编文章，如下图所示：

但是，如果再编辑一下该文章的话，该地图就会失效。
原本以为，在2.6版本中，会解决这个问题。没有想到的是，连地图都插入不了。

Ghost · 发表于 2013-4-20 13:32:23

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
<title>百度地图API自定义地图</title>

<style type="text/css">
html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>

<body>
  
  <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
</body>
<script type="text/javascript">
//创建和初始化地图函数：
function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
}

//创建地图函数：
function createMap(){
      var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
      var point = new BMap.Point(121.526782,31.235231);//定义一个中心点坐标
      map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
      window.map = map;//将map变量存储在全局
}

//地图事件设置函数：
function setMapEvent(){
      map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
      map.enableScrollWheelZoom();//启用地图滚轮放大缩小
      map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
      map.enableKeyboard();//启用键盘上下左右键移动地图
}

//地图控件添加函数：
function addMapControl(){
      //向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(ctrl_nav);
      //向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
map.addControl(ctrl_ove);
      //向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
map.addControl(ctrl_sca);
}

initMap();//创建和初始化地图
</script>
</html>

把红色部分的代码去掉粘贴即可。

dick1103 · 发表于 2013-4-20 14:00:39

好的，一会试试看。

谢谢！！！

dick1103 · 发表于 2013-4-20 14:32:49

ghost：
      我用你的代码（去掉红色的部分后），可以生成百度地图。
      按照你说的办法，去掉头尾红色部分的代码（也就是三句代码），
      但是，我生成的还是白色的框框，也就是地图大小的框框，并没有看到地图。

      我用的是这个百度地图生成器：
http://api.map.baidu.com/lbsapi/creatmap/index.html

      请问，你用的是哪个地图生成器，如果有网址，麻烦贴上来吧。

谢谢！！！！

dick1103 · 发表于 2013-4-20 14:47:35

原因可能找到了：

对比了一下，代码，发现你的地图没有进行标注。

我也试了一下，插入没有标注的地图，是可以插入地图成功的。

但是，插入有标注的地图时，就会只显示地图大小的白色框框，并不会显示地图。

另外，我把在百度地图API获取的代码，另存为一个HTML文件后，再用浏览器打开，是可以生成地图的，是有标注的哦。

顺便说一下，我插入的没有标注的地图，不用删除头尾的代码，也能生成没有标注的地图。

在体验版2.3中，都没有发现这问题，正式的2.6版怎么会有这问题呢？

谢谢GHOST！！！！！

Ghost · 发表于 2013-4-20 19:24:55

您好，选择的是这个：http://api.map.baidu.com/lbsapi/creatmap/index.html

关于2.6版本的百度baidu地图

浏览过的版块