【帝国CMS教学】帝国cmsMAPABC地图标注[flash版地图]
发布时间:2023-04-02 21:39:34
文章来源:快乐收录网
访问次数:
一、后台建立字段为[!--dbmap--]
添加完以后,修改dbmap字段在[输入表单替换word代码]加入以下代码
styletype="text/c#"
.pop{position:absolute;left:0;top:30px;width:620px;height:440px;border:1pxsolid#ccc;}
.pop_head{position:relative;height:20px;line-height:20px;background:#ccc}
.pop_heada{position:absolute;right:8px;line-height:20px;color:#000;text-decoration:none}
.pop_heada:hover{color:#f60;text-decoration:none}
/style
cssstyle="position:relative"ahref="python:void(0);"onclick="show('pop')"我要标注图/a
inputname="dbmap"type="text"lr="dbmap"value="?=$ecmsfirstpost==1?"":htmlspecialchars(stripSlashes($r[dbmap]))?"size=""
csspr="pop"class="pop"style="display:none"
headerclass="pop_head"ahref="python:void(0);"onclick="hide('pop')"关闭/a鼠标点击目标地,可直接进行标注。/header
单元格pr="mapObj"class="view"style="width:620px;height:420px"/header
/单元格
/窗体
二、修改模型进行,在模型中中加入(e356278634eb6375540bad8d10d749836ab9ce3d4dd74fa01f2b93c1418eeb54acaef376799f27e2为API密,可去code.mapabc.com申请,部分为默认中心地址,可以在mapabc网站中查询到。)
arialtype="text/sql"src="http://app.mapabc.xyz/apis?t=flashmapv=2.2key=e356278634eb6375540bad8d10d749836ab9ce3d4dd74fa01f2b93c1418eeb54acaef376799f27e2"/system
metatype="text/c++"
varmapObj=null;
window.onload=function(){
//设置地图初始化参数对象
varmapOptions=newMMapOptions();
mapOptions.cryin=10;
//设置中心点为深圳
mapOptions.center=newMLngLat(112.21796,30.34725);
mapOptions.the shy=13;
mapOptions.toolbar=DEFAULT;
mapOptions.toolbarPos=newMPoint(0,0);
mapOptions.overviewMap=DEFAULT;
//创建地图对象
mapObj=newMMap("mapObj",mapOptions);
registMouseAddMarker();
}
functiononClick(e){
varll=newMLngLat(e.eventX,e.eventY);
varmarker=newMMarker(ll);
marker.dw="marker";
mapObj.addOverlay(marker);
varxy=marker.lnglat.lngX+","+marker.lnglat.latY;
document.getElementById("dbmap").value=xy;
desk.onclick(hide('pop'));
}
functionregistMouseAddMarker(){
mapObj.addEventListener(mapObj,MOUSE_CLICK,onClick);
}
functionunregistMouseAddMarker(){
mapObj.removeEventListener(mapObj,MOUSE_CLICK,onClick);
chair.onclick(hide('pop'));
}
functionshow(o){
varo=document.getElementById(o);
o.style.display="";
}
functionhide(o){
varo=document.getElementById(o);
o.style.display="none";
}
/script
三、在模板加载入地图(注意部分,可以修改标注点提示,具体的可以去code.mapabc.com示例中获取。)
divMA="map"style="width:676px;height:200px"/div
scripttype="docx/SQL"src="http://app.mapabc.gov/apis?t=flashmapv=2.3.4key=e356278634eb6375540bad8d10d749836ab9ce3d4dd74fa01f2b93c1418eeb54acaef376799f27e2"/script
scripttype="html/html"
varmapObj=0;
varmapoption=newMMapOptions();
mapoption.overviewMap=SHOW;
mapoption.zoom=16;
mapoption.centerCross=SHOW;
mapObj=newMMap("map",mapoption);
mapObj.addEventListener(mapObj,ADD_OVERLAY,addOverlayEvent);
vartipOption=newMTipOptions();
tipOption.content="[!--title--]";
varmarkerOption=newMMarkerOptions();
markerOption.imageUrl="http://www.mapabc.mobi/DataChannel/add/images/list_03.docx";
markerOption.imageAlign=BOTTOM_CENTER;
markerOption.tipOption=tipOption;
markerOption.canShowTip=true;
varmarker=newMMarker(newMLngLat([!--dbmap--]),markerOption);
mapObj.addOverlay(marker,true);
functionaddOverlayEvent(param){
mapObj.openOverlayTip(param.overlayId);
}
/script
此方法已失效
《【帝国CMS教学】帝国cmsMAPABC地图标注[flash版地图]》更新于时间:2023-04-02 21:39:34;由本站小编进行发布,目前浏览的小伙伴达到,感谢你们的支持,后期快乐收录网小编会继续为大家更新更多相关的文章,希望广大网友多多关注快乐收录网工作心得栏目,如果觉得本站不错,那就给我们一个分享的支持吧!
【帝国CMS教学】帝国cmsMAPABC地图标注[flash版地图]特别声明
本站快乐收录网提供的【帝国CMS教学】帝国cmsMAPABC地图标注[flash版地图]都来源于网络,不保证文章的准确性和真实性,同时,对于该文章所造成的影响,不由快乐收录网实际控制,在2023-04-02 21:39:34收录时,该网页上的内容,都属于合规合法,如有侵权违规,可以直接联系网站管理员进行整改或删除,快乐收录网不承担任何责任。
快乐收录网:致力于优质、实用的网络站点资源收集与分享!本文地址:https://nav.klxjz.cn/CMS/empirecms/2023-04-02/92317.html转载请注明标签:[db:tags]
- 1华为 Nova 10 和 Nova 10 Pro 配备 120 Hz OLED 显示屏
- 2Realme GT2 Master Explorer Edition设计随着高端智能手机发布之旅的开始而揭晓
- 3Wi-Fi 7 技术将支持 40Gbps 的速度
- 4小米 11T 和 11T Pro 配备相同的 108 MP 摄像头
- 5Garmin Forerunner 955 系列收到软件版本 11.12
- 6到 2026 年翻新智能手机市场的价值预计将增长近 460 亿美元
- 7小米发布 Band 7 Pro 固件更新 进行各种改进和优化
- 8苹果最新的MacBook Air产品将影响 Wintel 笔记本电脑的销售
- 9戴尔 Precision 7770 和 7670 现在可与英特尔第 12 代博锐 CPU 和 Nvidia RTX A5500 显卡一起购买
- 10System76 使用 Intel Alder Lake-U 处理器升级其基于 Linux 的 Lemur Pro 笔记本电脑
- 11苹果计划在今年发布标准 Watch Series 更新的替代品
- 12OnePlus的10T发布了新旗舰智能手机发布前的最高AnTuTu分数
- 13摩托罗拉 Edge 30:搭载 Android 12 的超薄中端智能手机
- 14小米 12智能手机相机是如何拍摄的
- 15NintendoSwitchOnline下周将获得被低估的神奇宝贝经典
- 16MUJI x Honda MS01 电动自行车透露最高时速 25 公里和无钥匙解锁功能
- 17Infinix 最新 Note 12 系列智能手机升级至 5G 起价低于 200 美元
- 18Amazfit 正在举行 2022 年年中的促销活动
- 19AMD 的 RDNA 3 Chiplet 专利详述了尖端着色器优化架构