地图 Api 使用小记 (use 51ditu)

哎呀我日。。。写3次了，ie死3次。没耐心了。。。

写了好几百字关于SmartMap的发展。。。全没了。我郁闷衰。
没心情写了，简单的贴贴使用代码吧，自己打开记事本保存*.html就行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2

<html>
3

<head>
4

<title>JavaScript Maps API</title>
6

8

</head>
10

<body>
11

14

<div id="myMap" style="position:relative; width:400px; height:300px;"></div>
15

17

var maps = new LTMaps( "myMap" );
19

maps.cityNameAndZoom( "haerbin" , 5 );
21

//maps.centerAndZoom ( new LTPoint( 11636224 , 3991040 ) , 5 );
22

</script>
24

</body>
26

</html>

上面的是简单的地图显示

maps.cityNameAndZoom( "haerbin" , 5 );

显示城市为haerbin ,改成任意省份的全拼就是那个省了，第2个参数是显示比例，官方提供1-5，5是最大比例!

那我们日常遇到的，企业要标住地理位置怎么办那，别急，接着往下看吧！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2

<html>
3

<head>
4

<title>JavaScript Maps API</title>
6

</head>
8

<body>
10

<div id="myMap" style="position:relative; width:400px; height:300px;"></div>
11

var maps = new LTMaps( "myMap" );
14

maps.cityNameAndZoom( "haerbin" , 5 );
15

maps.handleKeyboard(); //键盘操作支持
16

maps.handleMouseScroll();//鼠标滚轮支持
17

//var control = new LTStandMapControl();
18

var control1 = new LTSmallMapControl();
19

maps.addControl( control1 );
21

var control = new LTMarkControl();
22

maps.addControl( control );
23

function getPoi()

{
25

var poi = control.getMarkControlPoint();
27

alert( "纬度：" + poi.getLatitude() + "\n经度：" + poi.getLongitude() );
29

}
30

LTEvent.addListener( control , "mouseup" , getPoi );
31

</script>
32

</body>
33

</html>
34

标住也不复杂，不要被上面杂乱代码所迷惑。。。
解释一下吧

maps.handleKeyboard(); //键盘操作支持
2

maps.handleMouseScroll();//鼠标滚轮支持

这是对鼠标和键盘的支持

var control1 = new LTSmallMapControl();
2

maps.addControl( control1 );
4

var control = new LTMarkControl();
5

maps.addControl( control );

比例尺调整控件填加

function getPoi(){
2

var poi = control.getMarkControlPoint();
4

alert( "纬度：" + poi.getLatitude() + "\n经度：" + poi.getLongitude() );
6

}
7

LTEvent.addListener( control , "mouseup" , getPoi );

得到当前坐标并显示！
到此就标住完必，一定要把纬度和经度记载下来啊,否则上头的活就白干了

下面来说显示，这个稍微有些复杂

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2

<html>
3

<head>
4

<title>JavaScript Maps API</title>
6

</head>
8

<body>
10

<div id="myMap" style="position:relative; width:400px; height:300px;"></div>
11

var maps = new LTMaps( "myMap" );
14

maps. centerAndZoom ( new LTPoint( 12668820 , 4574000 ) , 1 );
15

var point = new LTPoint( 12668820 , 4574000 );
16

var marker = new LTMarker( point );
17

maps.addOverLay( marker );
18

var infoWin = new LTInfoWindow( marker );
19

infoWin.setLabel( "四海一家科技发展有限公司" );
20

maps.addOverLay( infoWin );
21

</script>
22

</body>
23

</html>
24

解释一下

maps. centerAndZoom ( new LTPoint( 12668820 , 4574000 ) , 1 );

地图以哪个点为中心显示。。。

var point = new LTPoint( 12668820 , 4574000 );
2

var marker = new LTMarker( point );
3

maps.addOverLay( marker );
4

var infoWin = new LTInfoWindow( marker );
5

infoWin.setLabel( "四海一家科技发展有限公司" );
6

maps.addOverLay( infoWin );

标记到某一点并添加到地图上。。。
累死之。。。好几次重做。。。ie频频死掉。。。人品？

最后祝福全天下的妇女,美女,女孩,,,,,妇女节快乐!

转载于:https://www.cnblogs.com/chinaeddy/archive/2008/03/08/1096539.html

地图 Api 使用小记 (use 51ditu)相关推荐

国内各地图API坐标系统比较与转换
转载自: http://blog.csdn.net/yorling/article/details/9175913 备注:资料均来源与网上,这里稍加整理,有错欢迎指出一.各个坐标系的概况众所周知地 ...
国内各地图API坐标系统比较
http://rovertang.com/blog/archives/547 在开始这个题目之前,先给大家再次扫扫盲,扫的不是坐标系统的盲,而是我们国家所使用的坐标系统.大家都知道,美国GPS使用的是 ...
【百度地图API】多家地图API内存消耗对比测验（带源码）
任务描述: 啊,美妙的春节结束了.酸奶小妹和妈妈的山西平遥之旅也宣告成功!距离平遥古城7km,有一个同样身为"世界文化遗产"的寺庙,叫做"双林寺".双林寺的精致 ...
地图API比较及下载
最近因为工作关系,对市面上主流的地图API都进行了一遍了解,现把文档同大家共享一下.我们对市面上几款主流的地图 API 服务提供商: Google 地图服务, MapABC 地图服务,微软地图服务,以 ...
高德地图markevents_GitHub - mingxuWang/Map: 高德地图API二次封装
Map组件设计文档组件设计目的分析当前各业务方向(销售端.商城.数据可视化.TMS)内地图相关应用的地图功能使用情况,封装Map组件供给各业务向进行使用. 将高德地图API进行二次封装,降低地图相 ...
【百度地图API】——如何用label制作简易的房产标签
摘要: 最近,API爱好者们纷纷说,自定义marker太复杂了!不仅定义复杂,连所有的dom事件都要自己重新定义.有没有快速简易创建房产标签的方法呢? 答案当然是有的啦~ 我们可以利用label嘛! ...
【百度地图API】如何制作班级地理通讯录？LBS通讯录
原文:[百度地图API]如何制作班级地理通讯录?LBS通讯录摘要:班级通讯录必备的功能,比如人员列表,人员地理位置标注,展示复杂信息窗口,公交和驾车等.一般班级人员都不会超过300个,因为可以高效地 ...
baidumap api MySQL_百度地图API开发笔记一(基础篇)
什么是百度地图API? 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富.交互性强的地图应用.百度地图API包含了构建地图基本功能的各种接口,提供了诸 ...
微信小程序城市定位(百度地图API)
概述微信小程序提供一些API(地址)用于获取当前用户的地理位置等信息,但无论是wx.getLocation,还是wx.chooseLocation均没有单独的字段表示国家与城市信息,仅有经纬度信息. ...
python批量爬取小网格区域坐标系_Python爬虫实例_利用百度地图API批量获取城市所有的POI点...
上篇关于爬虫的文章,我们讲解了如何运用Python的requests及BeautifuiSoup模块来完成静态网页的爬取,总结过程,网页爬虫本质就两步: 1.设置请求参数(url,headers,co ...

地图 Api 使用小记 (use 51ditu)

地图 Api 使用小记 (use 51ditu)相关推荐

最新文章

热门文章