管理员请帮忙，栏目列表页弹窗调用百度地图-领先建站CMS提供服务商我们专注于CMS建站产品的研发

3147 查看	9 回复

主题：[求助]管理员请帮忙，栏目列表页弹窗调用百度地图 [收藏主题]

转到：

gyambl20 当前离线

48 主题	0 广播	0 粉丝

级别:学前班

用户积分:117 分
登录次数:95 次
注册时间:2011/2/26
最后登录:2012/11/30

gyambl20 发表于：2011/4/17 5:56:24 | 只看该作者查看该作者主题楼主

一分钟快速开通线上知识店铺

我现在想在栏目列表页中用弹出层调用当前文档ID的店子地图，内容能正常显示：代码如下

在栏目页中添加了如下代码：

有插入kesion.box.js文件。弹窗能正常显示

在列表中我使用的是标签调用，

这样的话，点击链接的时候是显示的后台的添加标注时候样子，不是当前文档的地图坐标位置。最后我自己又新建了一个页面代码如下：

<!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=gbk" />

<title>电子地图</title>

<script src="http://api.map.baidu.com/api?key={$MapKey}&v=1.0&services=true" type="text/javascript"></script>

<div style="width:618px;height:300px;border:1px solid gray" id="container"></div>

<script type="text/javascript">

var map = new BMap.Map("container");       // 创建Map实例

var point = new BMap.Point({$MapCenterPoint});  // 创建点坐标

map.centerAndZoom(point,16);                // 初始化地图，设置中心点坐标和地图级别。

map.addControl(new BMap.NavigationControl());

map.addControl(new BMap.ScaleControl());

map.addControl(new BMap.OverviewMapControl());

var sContent ="<h4 style='margin:0 0 5px 0;padding:0.2em 0'>{$FL_Title} <img src={$GetInstallDir}images/{$ks_xingji}.gif></h4>" +"<p style='margin:0;line-height:1.5;font-size:13px;'>地址：{$KS_dizhi}</p>" +"<p><font color=red>预订热线：</font><font color=#ff7200><strong>400-622-4300 </strong></font></p>"

{$ShowMarkerList}

window.setTimeout(function(){map.panTo(new BMap.Point({$MapCenterPoint}));}, 2000);

function addMarker(point, index){

// 创建图标对象

var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {

  offset: new BMap.Size(10, 25),                // 指定定位位置

  imageOffset: new BMap.Size(0, 0 - index * 25) // 设置图片偏移

});

var marker = new BMap.Marker(point, {icon: myIcon});

map.addOverlay(marker);

if (index==0){

  var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象

marker.addEventListener("click", function(){

   this.openInfoWindow(infoWindow); });

  map.openInfoWindow(infoWindow, map.getCenter());    // 打开信息窗口

}

}

</script></body>

</html>