Google Map开发系列（一）——谷歌地图API密钥（API Key）的解读和使用技巧 .

所谓API密钥（API Key），其实就是一个字符串，在使用script标签导入API类库的时候作为请求参数传给谷歌的地图服务器，形式就是：

[xhtml]
view plaincopyprint?

<mce:script src="http://ditu.google.com/maps?file=api&v=2&key=你注册的API密钥" mce_src="http://ditu.google.com/maps?file=api&v=2&key=你注册的API密钥" type="text/javascript"></mce:script>

[javascript]
view plaincopyprint?

//事先已经注册好的密钥
var keyMapping = {host1:key1, host2:key2};
//实际请求页面的域名
var requestHost = window.location.hostname;
//找到需要的密钥
var key = keyMapping[requestHost];
//构造加载API的script url

var apiUrl = "http://ditu.google.com/maps?file=api&v=2&key=" + key;
//使用script动态加载的方法加载地图API

var scriptTag = document.createElement('script');
scriptTag.setAttribute('type', 'text/javascript');
scriptTag.setAttribute('src', apiUrl);
document.getElementsByTagName('head')[0].appendChild(scriptTag);

//事先已经注册好的密钥
var keyMapping = {host1:key1, host2:key2};
//实际请求页面的域名
var requestHost = window.location.hostname;
//找到需要的密钥
var key = keyMapping[requestHost];
//构造加载API的script url
var apiUrl = "http://ditu.google.com/maps?file=api&v=2&key=" + key;
//使用script动态加载的方法加载地图API
var scriptTag = document.createElement('script');
scriptTag.setAttribute('type', 'text/javascript');
scriptTag.setAttribute('src', apiUrl);
document.getElementsByTagName('head')[0].appendChild(scriptTag);

使用这段代码时，需要注意把你自己的JS代码中对API的各个类的调用放在API加载完成以后，详细的解释可以先google一下著名的DomReady的问题，三言两语还是说不清楚的，呵呵。

这段代码我没有实际跑过，欢迎斧正，如果你有更好的方法，我更愿意洗耳恭听了。