帝国cms MAPABC地图标注[flash版地图]

概述一、后台建立字段为 [!--dbmap--]添加完以后，修改dbmap字段在 [输入表单替换html代码]加入以下代码

一、后台建立字段为 [!--dbmap--]
添加完以后，修改dbmap字段在 [输入表单替换HTML代码]加入以下代码

<style type="text/CSS">
.pop{position:absolute;left:0;top:30px;wIDth:620px;height:440px;border:1px solID #ccc;}
.pop_head{position:relative;height:20px;line-height:20px;background:#ccc}
.pop_head a{position:absolute;right:8px;line-height:20px;color:#000;text-decoration:none}
.pop_head a:hover{color:#f60;text-decoration:none}
</style>
<div ><a href="JavaScript:voID(0);" onclick="show('pop')">我要标注图</a>
<input name="dbmap" type="text" ID="dbmap" value="<?=$eCMSfirstpost==1?"":HTMLspecialchars(stripSlashes($r[dbmap]))?>" size="">
<div ID="pop" >
<div ><a href="JavaScript:voID(0);" onclick="hIDe('pop')">关闭</a>鼠标点击目标地，可直接进行标注。</div>
<div ID="mapObj" ></div>
</div>
</div>

二、修改模型，在模型中加入 (蓝色部分为API密，可去code.mapabc.com申请，红色部分为默认中心地址，可以在mapabc网站中查询到。)

<script type="text/JavaScript" src="http://app.mapabc.com/APIs?&t=flashmap&v=2.2&key=e356278634eb6375540bad8d10d749836ab9ce3d4dd74fa01f2b93c1418eeb54acaef376799f27e2"></script>
<script type="text/JavaScript">
var mapObj = null;
window.onload = function() {
//设置地图初始化参数对象
var mapOptions = new MMapOptions();
mapOptions.zoom = 10;
//设置中心点为济南
mapOptions.center = new MLngLat(112.21796,30.34725);
mapOptions.zoom = 13;
mapOptions.toolbar = DEFAulT;
mapOptions.toolbarPos = new MPoint(0,0);
mapOptions.overvIEwMap = DEFAulT;
//创建地图对象
mapObj = new MMap("mapObj",mapOptions);
registMouseAddMarker();
}
function onClick(e) {
var ll = new MLngLat(e.eventX,e.eventY);
var marker = new MMarker(ll);
marker.ID = "marker";
mapObj.addOverlay(marker);
var xy = marker.lnglat.lngX + "," + marker.lnglat.latY;
document.getElementByID("dbmap").value = xy;
window.onclick(hIDe('pop'));
}

function registMouseAddMarker() {
mapObj.addEventListener(mapObj,MOUSE_CliCK,onClick);
}

function unregistMouseAddMarker() {
mapObj.removeEventListener(mapObj,onClick);
window.onclick(hIDe('pop'));
}
function show(o){
var o = document.getElementByID(o);
o.style.display = "";
}
function hIDe(o){
var o = document.getElementByID(o);
o.style.display = "none";
}
</script>

三、在模板加载入地图(注意红色部分，可以修改标注点提示，具体的可以去code.mapabc.com示例中获取。)

<div ID="map" ></div>
<script type="text/JavaScript" src="http://app.mapabc.com/APIs?&t=flashmap&v=2.3.4&key=e356278634eb6375540bad8d10d749836ab9ce3d4dd74fa01f2b93c1418eeb54acaef376799f27e2"></script>
<script type="text/JavaScript">
var mapObj=null;
var mapoption = new MMapOptions();
mapoption.overvIEwMap = SHOW;
mapoption.zoom = 16;
mapoption.centerCross = SHOW;
mapObj = new MMap("map",mapoption);
mapObj.addEventListener(mapObj,ADD_OVERLAY,addOverlayEvent);
var tipOption=new MTipOptions();
tipOption.content="[!--Title--]";
var markerOption = new MMarkerOptions();
markerOption.imageUrl="http://www.mapabc.com/DataChannel/add/images/List_03.png";
markerOption.imageAlign=BottOM_CENTER;
markerOption.tipOption = tipOption;
markerOption.canShowTip= true;
var marker = new MMarker(new MLngLat([!--dbmap--]),markerOption);
mapObj.addOverlay(marker,true) ;
function addOverlayEvent(param){
mapObj.openOverlayTip(param.overlayID);
}
</script>

总结

以上是内存溢出为你收集整理的帝国cms MAPABC地图标注[flash版地图]全部内容，希望文章能够帮你解决帝国cms MAPABC地图标注[flash版地图]所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。