|
第一步:引入JS
第二步:开始使用
显示标注接口
点击查看示例
调用标注接口的值
如果您希望自己编写脚本,来访问和处理标注接口中的值,那么标注接口提供了相应的方法和事件来满足您的需求。
代码示例如下:
点击查看示例
为标注接口指定城市
如果您希望在使用标注接口的时候,标注接口只显示指定城市的地图,或着说默认为您指定城市的地图,而不是全国地图,您可以通过以下代码示例实现该功能。
点击查看示例
标注接口结合Form
如果您希望将用户选择地点的地理坐标值,直接发送到您的服务端,只需要将以下代码放在用来给服务器发送内容的表单(Form)之中即可。
点击查看示例
在这种情况下,当用户点击按钮发送该表单的时候,EZMarker中的地理信息将和其他的Form信息一起被发送给服务器,服务器将会收到EZMarker通过Form传递的如下内容:
名称 |
值范例 |
说明 |
ezmarker.x |
11289769 |
经度位置 |
ezmarker.y |
2981862 |
纬度位置 |
ezmarker.z |
6 |
缩放等级 |
无论用GET还是POST方式,都能适用。
注意,其中的“ezmarker”是您创建EZMarker时构造器中的参数,假如您在页面上使用了两个EZMarker,例如第二个为:
var ez1=new LTEZMarker("ezmarker1"); |
那么服务器将收到ezmarker1.x,ezmarker1.y,和ezmarker1.z与之相对应。
使用搜索控件
搜索控件是标注接口的一个扩展控件,用来向用户提供搜索功能,以便于用户能够快速的定位到自己想要的位置。
您可以通过LTEZMarker的setSearch方法来为标注接口添加或取消搜索功能(默认自带搜索控件),该方法的详细说明见类参考。
以下是一个简单的范例:
使用地图搜索控件
地图搜索控件是标注接口的又一个扩展控件,用来向用户提供快捷的定位功能,用户可以通过该控件快捷的找到自己所在的城市。
您可以通过LTEZMarker的setPlaceList方法来为标注接口添加或地图搜索功能(默认自带地图搜索控件),该方法的详细说明见类参考。
以下是一个简单的范例:
同时使用地图搜索和搜索控件并实现联动
假如您同时添加了搜索控件和地图搜索控件,则地图搜索控件同时可以更改搜索城市,因此用户可以在选择的任意一个城市进行搜索。
关于每个控件的添加详细说明请参考各自的范例,以下是实现两个控件联动的范例:
|