在一张静态地图图片上添加标记,求思路

我现在要做的是有一张图片是一张地图,我要在地图上标记出企业的位置,并保存,下次打开地图时候,能显示出标记好的所有企业,并可修改或者继续添加企业标于地上,知道的或者做的过,帮我顶顶,说说思路也行,Goole map API用得灰常牛B的人士,要么贴代码,否则别发一些GoogleAPI的链接什么的!谢谢了!

是动态的吧,Goole Map API的实现思路:
标记的话,你可以在一个事件比如双击事件获取点击点的坐标将坐标写入数据库。
加载的话,你设定一个中心点如一个公司的坐标加载,其它公司根据它的坐标标记上去就可以了。

如何标记上去,其实要不了那么强大,地图不用拖拽也可以,所以先不考虑G API,如果你知道G API的做法,你能帮我贴点,添加标注的代码,并取坐标吗?

如果是一张纯静态图。。。又没有拖动或什么。。。。记录坐标就行。。。

弹出的的标记可以是一层。。。。可以用后台代码输出这个层。。。。

注意层的坐标和z-index就行。。。。

我后台输出,那我得知道用户他要把企业放在哪里吧,那用户他怎么把坐标给我呢,

比如说鼠标的点周事件。。。用JS可以获取到鼠标当前位置的坐标吧

var x = window.event.clientX; //x坐标
var y = window.event.clientY; //y坐标

如果没有其它后台数据要加载。。直接就可以用JS把层的输出出来。。

如果还有其它数据。。。用AJAX把这两个数据提交过去就行
说说原理吧:
标记企业位置:捕捉鼠标点击事件的鼠标窗口位置,然后调用API的窗口坐标和经纬度转换(与地图显示级别相关),将窗口坐标转换成经纬度坐标,然后用经纬度构造点

打开地图时显示标记号的企业:保存和读取经纬度坐标点就可

至于地图放大、缩小、移动等操作,API内部已经封装好他们的事件监听,不用考虑

说了。。这个层是后台输出的。。。。用JS+AJAX。。。。根据鼠标的坐标。。

异步请求数据。。。生成一个层显示出来

来源:英超直播

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值