51地图标注接口(EZMarker API)
功能在很多时候,您需要您的用户标出一个位置,比如:一个房地产网站,用户在登记新楼盘的时候,就需要在地图上标出这个楼盘的位置,这个时候就可以用到本接口。 地图标注接口(EZMarker API)是我要地图网(51ditu.com)新推出的地图标注接口,利用该接口,您就可以轻松的实现在地图上标注位置、采集位置信息等操作。如图所示案例: |
|||||||||||||||||||||
JavaScript 接口方式 |
|||||||||||||||||||||
第一步:引入JS
第二步:开始使用显示标注接口
调用标注接口的值如果您希望自己编写脚本,来访问和处理标注接口中的值,那么标注接口提供了相应的方法和事件来满足您的需求。 代码示例如下:
为标注接口指定城市如果您希望在使用标注接口的时候,标注接口只显示指定城市的地图,或着说默认为您指定城市的地图,而不是全国地图,您可以通过以下代码示例实现该功能。
标注接口结合Form如果您希望将用户选择地点的地理坐标值,直接发送到您的服务端,只需要将以下代码放在用来给服务器发送内容的表单(Form)之中即可。
在这种情况下,当用户点击按钮发送该表单的时候,EZMarker中的地理信息将和其他的Form信息一起被发送给服务器,服务器将会收到EZMarker通过Form传递的如下内容:
无论用GET还是POST方式,都能适用。 注意,其中的“ezmarker”是您创建EZMarker时构造器中的参数,假如您在页面上使用了两个EZMarker,例如第二个为:
那么服务器将收到ezmarker1.x,ezmarker1.y,和ezmarker1.z与之相对应。 使用搜索控件搜索控件是标注接口的一个扩展控件,用来向用户提供搜索功能,以便于用户能够快速的定位到自己想要的位置。 您可以通过LTEZMarker的setSearch方法来为标注接口添加或取消搜索功能(默认自带搜索控件),该方法的详细说明见类参考。 以下是一个简单的范例:
使用地图搜索控件地图搜索控件是标注接口的又一个扩展控件,用来向用户提供快捷的定位功能,用户可以通过该控件快捷的找到自己所在的城市。 您可以通过LTEZMarker的setPlaceList方法来为标注接口添加或地图搜索功能(默认自带地图搜索控件),该方法的详细说明见类参考。 以下是一个简单的范例:
同时使用地图搜索和搜索控件并实现联动假如您同时添加了搜索控件和地图搜索控件,则地图搜索控件同时可以更改搜索城市,因此用户可以在选择的任意一个城市进行搜索。 关于每个控件的添加详细说明请参考各自的范例,以下是实现两个控件联动的范例:
使用方法 |
功能在很多时候,您需要您的用户标出一个位置,比如:一个房地产网站,用户在登记新楼盘的时候,就需要在地图上标出这个楼盘的位置,这个时候就可以用到本接口。 地图标注接口(EZMarker API)是我要地图网(51ditu.com)新推出的地图标注接口,利用该接口,您就可以轻松的实现在地图上标注位置、采集位置信息等操作。如图所示案例: |
|||||||||||||||||||||
JavaScript 接口方式 |
|||||||||||||||||||||
第一步:引入JS
第二步:开始使用显示标注接口
调用标注接口的值如果您希望自己编写脚本,来访问和处理标注接口中的值,那么标注接口提供了相应的方法和事件来满足您的需求。 代码示例如下:
为标注接口指定城市如果您希望在使用标注接口的时候,标注接口只显示指定城市的地图,或着说默认为您指定城市的地图,而不是全国地图,您可以通过以下代码示例实现该功能。
标注接口结合Form如果您希望将用户选择地点的地理坐标值,直接发送到您的服务端,只需要将以下代码放在用来给服务器发送内容的表单(Form)之中即可。
在这种情况下,当用户点击按钮发送该表单的时候,EZMarker中的地理信息将和其他的Form信息一起被发送给服务器,服务器将会收到EZMarker通过Form传递的如下内容:
无论用GET还是POST方式,都能适用。 注意,其中的“ezmarker”是您创建EZMarker时构造器中的参数,假如您在页面上使用了两个EZMarker,例如第二个为:
那么服务器将收到ezmarker1.x,ezmarker1.y,和ezmarker1.z与之相对应。 使用搜索控件搜索控件是标注接口的一个扩展控件,用来向用户提供搜索功能,以便于用户能够快速的定位到自己想要的位置。 您可以通过LTEZMarker的setSearch方法来为标注接口添加或取消搜索功能(默认自带搜索控件),该方法的详细说明见类参考。 以下是一个简单的范例:
使用地图搜索控件地图搜索控件是标注接口的又一个扩展控件,用来向用户提供快捷的定位功能,用户可以通过该控件快捷的找到自己所在的城市。 您可以通过LTEZMarker的setPlaceList方法来为标注接口添加或地图搜索功能(默认自带地图搜索控件),该方法的详细说明见类参考。 以下是一个简单的范例:
同时使用地图搜索和搜索控件并实现联动假如您同时添加了搜索控件和地图搜索控件,则地图搜索控件同时可以更改搜索城市,因此用户可以在选择的任意一个城市进行搜索。 关于每个控件的添加详细说明请参考各自的范例,以下是实现两个控件联动的范例:
使用方法 |
功能在很多时候,您需要您的用户标出一个位置,比如:一个房地产网站,用户在登记新楼盘的时候,就需要在地图上标出这个楼盘的位置,这个时候就可以用到本接口。 地图标注接口(EZMarker API)是我要地图网(51ditu.com)新推出的地图标注接口,利用该接口,您就可以轻松的实现在地图上标注位置、采集位置信息等操作。如图所示案例: |
|||||||||||||||||||||
JavaScript 接口方式 |
|||||||||||||||||||||
第一步:引入JS
第二步:开始使用显示标注接口
调用标注接口的值如果您希望自己编写脚本,来访问和处理标注接口中的值,那么标注接口提供了相应的方法和事件来满足您的需求。 代码示例如下:
为标注接口指定城市如果您希望在使用标注接口的时候,标注接口只显示指定城市的地图,或着说默认为您指定城市的地图,而不是全国地图,您可以通过以下代码示例实现该功能。
标注接口结合Form如果您希望将用户选择地点的地理坐标值,直接发送到您的服务端,只需要将以下代码放在用来给服务器发送内容的表单(Form)之中即可。
在这种情况下,当用户点击按钮发送该表单的时候,EZMarker中的地理信息将和其他的Form信息一起被发送给服务器,服务器将会收到EZMarker通过Form传递的如下内容:
无论用GET还是POST方式,都能适用。 注意,其中的“ezmarker”是您创建EZMarker时构造器中的参数,假如您在页面上使用了两个EZMarker,例如第二个为:
那么服务器将收到ezmarker1.x,ezmarker1.y,和ezmarker1.z与之相对应。 使用搜索控件搜索控件是标注接口的一个扩展控件,用来向用户提供搜索功能,以便于用户能够快速的定位到自己想要的位置。 您可以通过LTEZMarker的setSearch方法来为标注接口添加或取消搜索功能(默认自带搜索控件),该方法的详细说明见类参考。 以下是一个简单的范例:
使用地图搜索控件地图搜索控件是标注接口的又一个扩展控件,用来向用户提供快捷的定位功能,用户可以通过该控件快捷的找到自己所在的城市。 您可以通过LTEZMarker的setPlaceList方法来为标注接口添加或地图搜索功能(默认自带地图搜索控件),该方法的详细说明见类参考。 以下是一个简单的范例:
同时使用地图搜索和搜索控件并实现联动假如您同时添加了搜索控件和地图搜索控件,则地图搜索控件同时可以更改搜索城市,因此用户可以在选择的任意一个城市进行搜索。 关于每个控件的添加详细说明请参考各自的范例,以下是实现两个控件联动的范例:
使用方法 |
功能 在很多时候,您需要您的用户标出一个位置,比如:一个房地产网站,用户在登记新楼盘的时候,就需要在地图上标出这个楼盘的位置,这个时候就可以用到本接口。 地图标注接口(EZMarker API)是我要地图网(51ditu.com)新推出的地图标注接口,利用该接口,您就可以轻松的实现在地图上标注位置、采集位置信息等操作。如图所示案例: |
|||||||||||||||||||||
JavaScript 接口方式 |
|||||||||||||||||||||
第一步:引入JS
第二步:开始使用 显示标注接口
调用标注接口的值 如果您希望自己编写脚本,来访问和处理标注接口中的值,那么标注接口提供了相应的方法和事件来满足您的需求。 代码示例如下:
为标注接口指定城市 如果您希望在使用标注接口的时候,标注接口只显示指定城市的地图,或着说默认为您指定城市的地图,而不是全国地图,您可以通过以下代码示例实现该功能。
标注接口结合Form 如果您希望将用户选择地点的地理坐标值,直接发送到您的服务端,只需要将以下代码放在用来给服务器发送内容的表单(Form)之中即可。
在这种情况下,当用户点击按钮发送该表单的时候,EZMarker中的地理信息将和其他的Form信息一起被发送给服务器,服务器将会收到EZMarker通过Form传递的如下内容:
无论用GET还是POST方式,都能适用。 注意,其中的“ezmarker”是您创建EZMarker时构造器中的参数,假如您在页面上使用了两个EZMarker,例如第二个为:
那么服务器将收到ezmarker1.x,ezmarker1.y,和ezmarker1.z与之相对应。 使用搜索控件 搜索控件是标注接口的一个扩展控件,用来向用户提供搜索功能,以便于用户能够快速的定位到自己想要的位置。 您可以通过LTEZMarker的setSearch方法来为标注接口添加或取消搜索功能(默认自带搜索控件),该方法的详细说明见类参考。 以下是一个简单的范例:
使用地图搜索控件 地图搜索控件是标注接口的又一个扩展控件,用来向用户提供快捷的定位功能,用户可以通过该控件快捷的找到自己所在的城市。 您可以通过LTEZMarker的setPlaceList方法来为标注接口添加或地图搜索功能(默认自带地图搜索控件),该方法的详细说明见类参考。 以下是一个简单的范例:
同时使用地图搜索和搜索控件并实现联动 假如您同时添加了搜索控件和地图搜索控件,则地图搜索控件同时可以更改搜索城市,因此用户可以在选择的任意一个城市进行搜索。 关于每个控件的添加详细说明请参考各自的范例,以下是实现两个控件联动的范例:
使用方法 |
详细的官方解释请点这里:http://api.51ditu.com/docs/ezmarkerapi.html
51地图标注接口(EZMarker API)的更多相关文章
- 地图调起URI API(通过连接直接调用百度地图)
网站:http://lbsyun.baidu.com/index.php?title=uri/api/web 地图调起URI API 百度地图URI API是为开发者提供直接调起百度地图产品(百度We ...
- Senparc.Weixin.MP SDK 微信公众平台开发教程(十三):地图相关接口说明
为了方便大家开发LBS应用,SDK对常用计算公式,以及百度和谷歌的地图接口做了封装. 常用计算: 用于计算2个坐标点之间的直线距离:Senparc.Weixin.MP.Helpers.Distance ...
- 高德地图车机版API演示程序
高德地图车机版API演示程序 做车载的应该和这个程序打交道打的比较多吧,这里是我今天写的一个实现了他的API的一个演示程序 首先我们来看下他的官网. http://lbs.amap.com/api/a ...
- WebApiClient百度地图服务接口实践
1. 文章目的 随着WebApiClient的不断完善,越来越多开发者选择WebApiClient替换原生的HttpClient,然而在应用到实际项目中多多少少会遇到一些项目结合上的疑问和困难,本文将 ...
- Vue中使用百度地图——设置地图标注
知识点:创建Map实例,为指定的位置设置标注 参考博客:https://www.cnblogs.com/liuswi/p/3994757.html 1.效果图:初始化地图,设置指定经纬度为地图中心点坐 ...
- 百度地图标注及结合ECharts图谱数据可视化
本示例中根据企业位置经纬度,在页面右侧百度地图中标注企业名称.同时页面左侧ECharts图谱饼状图用于统计企业行业与注册资本.当右侧百度地图缩放拖拽,左侧ECharts图谱根据右侧地图上出现的企业动态 ...
- Atitit.自定义存储引擎的接口设计 api 标准化 attilax 总结 mysql
Atitit.自定义存储引擎的接口设计 api 标准化 attilax 总结 mysql 1. 图16.1:MySQL体系结构1 2. 16.7. 创建表create()虚拟函数:2 3. 16.8 ...
- 百度地图一套JS API,非常实用
百度地图一套JS API,非常实用 import mapStyleJson from "./mapStyleJson"; import $ from "jquery&qu ...
- iOS开发之百度地图的集成——地图标注&POI检索
本篇分为两部分: 一.地图标注 第一步:首先创建 BMKMapView 视图 第二步:在视图完全显示出来后设置,并实现代理方法 第三步:运行程序,此时大头针效果可以正常显示 二.POI检索 第一步:延 ...
随机推荐
- date 修改系统时间
# date -s "2017/03/27 12:33:58"
- linux命令(30):tail
linux ---tail命令 linux中tail命令---用于查看文件内容 最基本的是cat.more和less. 1. 如果你只想看文件的前5行,可以使用head命令,如: head -5 /e ...
- python(31) enumerate 的用法
例子一: b = "abcd" kv_dict = {} pre = 1234 for i, v in enumerate(b): kv_dict['%s-%d.jpg' %(pr ...
- CentOS 7.0 以后的几件事情
1.当最大化时隐藏标题栏 或者使用tweak tool 在字体中将标题栏字体设置为0...建议这个方法. 2.添加epel源 yum -y --nogpgcheck install http://do ...
- Oracle PLSQL Demo - 09.Open、Fetch遍历游标[Open, Fetch, Close Record CURSOR]
declare r_emp scott.emp%rowtype; cursor cur_emp is select t.* from scott.emp t; begin open cur_emp; ...
- linux 查看文件占用的大小
du --max-depth=1 -h /usr/local/tomcat_bjtu2/bin/* 文件路径 du -sh * | sort -nr | head du -sh *
- js求n行m列二维数组对角线元素之和的思路
window.onload=function(){ var arr = [[1,2,4],[5,6,7],[8,9,10]]; var i =3,j=3; var result1=0,r ...
- Ubuntu下迁移MySQL数据库文件目录
用Ubuntu的apt包管理工具安装的mysql数据库,默认将数据库文件保存在/var/lib/mysql目录下,时间久了数据库越来越大,所以准备挂载个新的硬盘专门存放mysql数据库. 1.确定my ...
- js 图表插件 chartjs 2.4
PS:该图表插件对手机端支持挺好 网上的文章大多数的参数都是老版本的过时的,最新api查看官网http://www.chartjs.org/docs/ 下载地址 https://github.com ...
- kmp返回头位置的模板
#include<iostream> #include<stdio.h> #include<string.h> using namespace std; char ...