惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Cisco Talos Blog
Cisco Talos Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Martin Fowler
Martin Fowler
Recent Announcements
Recent Announcements
博客园 - 三生石上(FineUI控件)
月光博客
月光博客
博客园 - 聂微东
N
Netflix TechBlog - Medium
B
Blog RSS Feed
T
Tailwind CSS Blog
宝玉的分享
宝玉的分享
有赞技术团队
有赞技术团队
S
SegmentFault 最新的问题
The Register - Security
The Register - Security
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 司徒正美
J
Java Code Geeks
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
人人都是产品经理
人人都是产品经理
Engineering at Meta
Engineering at Meta
T
The Blog of Author Tim Ferriss
C
CXSECURITY Database RSS Feed - CXSecurity.com
AWS News Blog
AWS News Blog
The Hacker News
The Hacker News
Scott Helme
Scott Helme
MongoDB | Blog
MongoDB | Blog
C
CERT Recently Published Vulnerability Notes
L
Lohrmann on Cybersecurity
C
Cybersecurity and Infrastructure Security Agency CISA
P
Proofpoint News Feed
T
The Exploit Database - CXSecurity.com
S
Securelist
MyScale Blog
MyScale Blog
A
Arctic Wolf
V2EX - 技术
V2EX - 技术
The GitHub Blog
The GitHub Blog
Simon Willison's Weblog
Simon Willison's Weblog
H
Hacker News: Front Page
D
DataBreaches.Net
S
Secure Thoughts
腾讯CDC
TaoSecurity Blog
TaoSecurity Blog
Project Zero
Project Zero
H
Help Net Security
P
Privacy International News Feed
Cloudbric
Cloudbric
博客园_首页
Latest news
Latest news
小众软件
小众软件

博客园 - yankchina

[C++]VisualC++2010Express英文版试用手记 [C++]C++学习的一些建议 [Soft]物联网时代中的编程语言 - yankchina - 博客园 [Python]命令行解析器Argparse的试用手册 [PHP]PHP技术基础 [Blog]将syntaxhighlight与LatexMathML本地化 [Soft]软件技术的两个趋势 [Soft]RAD的代价 [Python]快速解析数据库视图XML配置获取数据库字段说明 用VBA批量输出Outlook通讯录内容 - yankchina - 博客园 试用交互原型设计软件Axure RP Pro 4 云计算零接触 Camtasia Studio 7 试用笔记 文档整理经验谈 命令行调用Lame批量压缩MP3 [C++]千万不要碰VisualStudio - yankchina - 博客园 CSS 使用经验备忘 用Compare It! 4 比较Word Wiki 比较
[Web]Web在线地图API试用笔记
yankchina · 2010-08-18 · via 博客园 - yankchina

调研

首先我对国内一些知名的Web服务提供商进行了调研,主要考察其地图服务情况,调研结果如下:

服务商 开放 语言平台 文档 难度 备注
百度 AJax Javascript 较全 适中 虽然百度地图推出比较迟,但其有很好的用户群,而且在国内访问速度比较快
Google Ajax Javascript 很全 适中 最早推出的产品,市场成熟度高,有丰富的第三方支撑,但国内访问速度不如百度地图
Yahoo Ajax Javascript/Flash AS3 很全 继承YUI的风格,对于一般用户来说有一定的技术难度
网易 Ajax Javascript/Flash AS3 较全 适中 网易的地图是由51ditu提供的
新浪 ×       新浪的爱问地图没有公开API服务

综合上述调研,我决定从百度地图API入门,学习Web在线地图开发。

试用问题解决

根据百度API帮助教程可以很方便地进行开发。我主要遇到以下两个问题。Snap1

localhost如何访问百度地图API

百度地图API需要一个基于域名的Key,否则无法使用。而我并没有域名,或者只是在本地机器上试用百度地图,其解决方法是:

  • 注册一个百度账号;
  • 杜撰一个非常冷僻的域名,如"www.verysimpledomainhere.com",以这个域名到百度地图API密钥注册进行注册
  • 再回到系统中,修改系统的Host文件(Windows系统在
    C:\\Windows\\system32\\drivers\\etc\\host
    ),增加一行为"127.0.0.1 www.verysimpledomainhere.com",这样你的机器浏览器访问"www.verysimpledomainhere.com"时会自动访问127.0.0.1地址。
  • 最后按照百度API帮助中"HelloWorld"样例来创建一个简单的例子即可。

调研JS写法问题

百度百度官方样例的写法非常简单,其主要是为了说明百度地图API的使用原理,并不适合程序开发。我的做法是结合JQuery,先建立一个有DIV标签的容器HTML,然后再利用JS代码来调用百度地图,这样就不需要编写诸如 body onload="...." 这样的代码了

下一步工作

下面要进一步研究百度地图的事件机制与自定义控件技术,并将JQuery与百度地图进行封装,看看能否编一个百度地图的JQuery Plugin。