WEB开发网
开发学院网页设计JavaScript 基于GoogleMap,Mapabc,51ditu,VirtualEarth,Y... 阅读

基于GoogleMap,Mapabc,51ditu,VirtualEarth,YahooMap Api接口的Jquery插件的通用实现

 2010-09-14 13:34:31 来源:WEB开发网   
核心提示: 先看js文件结构如下:1.首先查看各大电子地图网站(可调用api接口),这里我查看了这些网站的api调用文档,基于GoogleMap,Mapabc,51ditu,VirtualEarth,YahooMap Api接口的Jquery插件的通用实现(3),我整理出来下:http://code.

先看js文件结构如下:

基于GoogleMap,Mapabc,51ditu,VirtualEarth,YahooMap Api接口的Jquery插件的通用实现

1.首先查看各大电子地图网站(可调用api接口),这里我查看了这些网站的api调用文档,我整理出来下:

http://code.google.com/intl/en/apis/maps/documentation/introduction.html

http://code.google.com/intl/zh-CN/apis/maps/documentation/index.html

http://api.51ditu.com/docs/index.html

http://developer.yahoo.com/maps/

http://dev.live.com/virtualearth/sdk/

要查看更多api,请链接http://www.programmableweb.com/apis

2.设计jquery插件调用构架,我这里用了两个功能函数,InitMap函数和OpenInfoWindow函数,第一个就是初始化地图显示,第二个就是根据经纬度在地图上标注坐标点(点上可编写任何Html文本内容)

初始化地图代码为:

$("#map").InitMap(
{
  maptype:"h",  //h,r
  overview:true,
  navscale:"large",//small,large
  center:
  {
    lat:24.898817,
    lng:118.598643,
    zoom:7
  }
});

其中maptype为地图显示的是街道还是卫星地图(各地图api的常量会有所不同),overview为是否显示鹰眼图,navscale为地图上一些控件(如放大缩小)的显示模式,center为初始化中心点位置(lat纬度,lng经度,zoom缩放比例)

在地图上标注坐标点为:

上一页  1 2 3 4  下一页

Tags:基于 GoogleMap Mapabc

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接