Mapabc——地图标注

项目中使用到了地图标注的功能（mapabc），现在将代码共享出来，希望对于后来者有所帮助。

<!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 runat="server"><title>地图标注</title><script src="http://app.mapabc.com/apis?&t=flashmap&v=2.2&key=98fadf9ac86088c6e7966e8949b1f5a3a6efe15d5c01eeb0e080fc298f8728c542a2b6f8d09d7e40"type="text/javascript"> </script><script type="text/javascript">var mapObj = null;window.onload = function() {//设置地图初始化参数对象var mapOptions = new MMapOptions();mapOptions.zoom = 10;//设置中心点为郑州mapOptions.center = new MLngLat("fjqennngoNKOI","hmlnnismtJGGM",0);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("hdMapFlag").value = xy;}function registMouseAddMarker() {mapObj.addEventListener(mapObj,MOUSE_CLICK,onClick);/*var point = parent.document.getElementById("hdMap").value;if (point != null && point != "") {var position = point.split(",");var ll = new MLngLat(position[0],position[1]);var marker = new MMarker(ll);marker.id = "marker";mapObj.addOverlay(marker);}document.getElementById("hdMapFlag").value = point;*/}function unregistMouseAddMarker() {mapObj.removeEventListener(mapObj,MOUSE_CLICK,onClick);//parent.document.getElementById("hdMap").value = document.getElementById("hdMapFlag").value;//window.parent.$.fadeD(0);}</script>
</head>
<body><div id="mapObj" class="view" style="width:620px;height:420px"></div> <input type='button' name='a' οnclick='javascript:registMouseAddMarker();' value='标点'/><!---<input type='button' name='b' οnclick='javascript:unregistMouseAddMarker();' value='确定标点'/>---><input type="text" id="hdMapFlag" name="hdMapFlag" />
</body>
</html>

以上就是全部的地图标注代码，希望对于后来者会有所帮助。如果有想看页面效果的兄弟可以进入：

地图标注

另外还有一个用JS实现的日历控件，连接地址：

日历控件

Mapabc——地图标注相关推荐

flash 世界地图 ajax 标注,帝国cms MAPABC地图标注[flash版地图]
一.后台建立字段为 [!--dbmap--] 添加完以后,修改dbmap字段在 [输入表单替换html代码]加入以下代码 .pop{position:absolute;left:0;top:30px; ...
openlayers 可以实现3d地图效果吗_OpenLayers教程：地图标注
地图标注是将空间位置点与该点的信息相关联,通过图标.文字等形式把点相关的信息展现到地图上. 随便打开一个电子地图就可以看到许多标注: 可以说地图没有了标注就丧失了一半信息,甚至是全部信息! 地图标注的 ...
ios开发，地图标注聚集。搜索标注title功能
最近在做地图功能,要实现的就是地图标注聚集,还有搜索地图地图标注通常都是大头针.如果地图缩小到一定范围的时候,会显示密密麻麻的大头针.这样会显的难看所以设计了一定区域范围内的大头针,缩小的时候给聚 ...
python百度地图标注自己的店名_百度地图上怎么显示店名百度地图标注店名方法...
对于很多经营小店的小伙伴来说,能让人一打开百度地图就能看到自己的店名显示在其中便觉得这是一件颇为高兴的事情,但问题是如何在百度地图上怎么显示自己的店名呢?下面小编就为大家带来百度地图标注店名方法,希望 ...
百度地图android wear,Android Wear多款搜狗地图标注内置
跟着多款装备AndroidWear的手表在国内上线,谷歌和苹果在智能手表上的国内"大战"剑拔弩张.尽管,两位"大佬"在诸多方面有着不一样的发展方向,但在智能手表 ...
如何在百度地图、腾讯地图标注公司地址信息?
比如百度地图.腾讯地图.高德地图是可以标注公司位置的,不一定是店铺.所以我们有机会把公司地址在地图里标注出来,这样以后客户拜访时就会非常方便.我们遇到很多朋友都是花了几百块钱做地图标注,实际上这一切都 ...
Vue引用原生高德地图标注
Vue引用原生高德地图标注一.引用高德? 首先在vue项目中的pubic下的index.html的head中引用. 二.在你的模板中设置一个div你的地图容器 <template>< ...
openlayers 地图上加图标_OpenLayers教程：地图标注
地图标注是将空间位置点与该点的信息相关联,通过图标.文字等形式把点相关的信息展现到地图上. 随便打开一个电子地图就可以看到许多标注: 可以说地图没有了标注就丧失了一半信息,甚至是全部信息! 地图标注的 ...
腾讯地图标注_怎样在导航地图上标注公司名和位置
企业怎样在腾讯地图标明公司名字和位置.很多人都必须在腾讯地图标明企业的位置,主要是为了方便客户在搜索公司位置的时候便于导航所在地. 为了更好地提升腾讯地图的成功率和利用率,我这里给大家做一个简单的申请 ...
点击高德地图标注没法弹窗_巴彦淖尔果农注意啦！林草局喊你上高德地图标注位置哦...
采摘果园游人少?想去采摘找不到果园?解决办法来了!记者近日从巴彦淖尔市林草局了解到,国家林业和草原局与阿里巴巴集团高德软件有限公司合作,开展"全国采摘果园一张图"工作,利用高德地图 ...

Mapabc——地图标注

Mapabc——地图标注相关推荐

最新文章

热门文章