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检索 第一步:延 ...
随机推荐
- 【Android】3.16 离线地图功能
分类:C#.Android.VS2015.百度地图应用: 创建日期:2016-02-04 一.简介 百度地图目前已经支持矢量离线地图数据的下载.更新. 使用离线地图,可满足在无网络环境下查看地图信息的 ...
- NSArray的排序方法
转自:http://blog.csdn.net/lixuwen521/article/details/7848893 1.sortedArrayUsingSelector (按Key值大小对NSDic ...
- redis基础之python连接redis(五)
前言 前面介绍了在数据库命令行直接操作redis,现在学习使用python的redis包来操作redis,本人安装的是redis==2.10.6: 系列文章 redis安装和配置 redis命令行操作 ...
- LeetCode: Rotate Image 解题报告
Rotate ImageYou are given an n x n 2D matrix representing an image. Rotate the image by 90 degrees ( ...
- 百度地图 JSAPI使用 定位当前地址 与路径规划
http://lbsyun.baidu.com/index.php?title=jspopular api http://developer.baidu.com/map/jsdemo.htm#a1 ...
- jQuery (一)选择器
上一章开始了jQuery的安装,这一张需要开始学习选择器了,不然不进行选择,就无法使用jQuery提供的库的功能不是. 常用的,就列举这么多吧 <!DOCTYPE html> <ht ...
- RDLC设计
1.rdlc报表的日期格式"yyyy/mm/dd 00/00/00"转换为"yyyy-mm-dd" =System.Convert.ToDateTime(Fie ...
- xshell用ssh连接VMware中的ubuntu
SSH分客户端openssh-client和openssh-server如果你只是想登陆别的机器的SSH只需要安装openssh-client(ubuntu有默认安装,如果没有则sudo apt-ge ...
- R绘制中国地图,并展示流行病学数据
流行病学的数据讲究“三间分布”,即人群分布.时间分布和空间分布.其中的“空间分布”最好是在地图上展示,才比较清楚.R软件集统计分析与高级绘图于大成,是最适合做这项工作了.关于地图的绘制过程,谢益辉.邱 ...
- [oracle] 两种权限:系统权限VS对象权限
系统权限表示对表和表空间等 有无操作权 的权限.一般是SYS用户这种DBA来授权.比如: grant create session to lisi grant create table to l ...