sogou map 开发 1

2011-09-27 10:27 htc开发阅读(182) 评论(0) 编辑收藏举报

最近开发用到网页地图，本来想用google map ，找到了传说中注册key的url： http://code.google.com/intl/zh-CN/apis/maps/signup.html

又是打不开，坑爹啊。没办法，转向国内的吧，对比了几家地图后，发现sogou的比较快，而且看起来操作比较顺手。

那就试试用这个地图吧。

先来到http://map.sogou.com/api/ API页面。已经是 2.0版本了，我喜欢。

看个实例代码吧：

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> <meta http-equiv="content-type" content="text/html; charset=gb2312"/> <title>搜狗地图 JavaScript API 2.0示例: 简单标记示例</title> <style type="text/css"> html {height: auto;} body {height: auto;margin: 0;padding: 0;} #map_canvas {width:1000px;height: 500px;position: absolute;} @media print {#map_canvas {height: 950px;}} </style> <script type="text/javascript" src="http://api.go2map.com/maps/js/api_v2.0.js"></script> <script type="text/javascript"> function initialize() { var myLatlng = new sogou.maps.LatLng(40.0019945,116.3550476); var myOptions = { zoom: 3, center: myLatlng, mapTypeId: sogou.maps.MapTypeId.ROADMAP } var map = new sogou.maps.Map(document.getElementById("map_canvas"), myOptions); var marker = new sogou.maps.Marker({ position: myLatlng, map: map, title:"Hello World!" }); } </script> </head> <body onload="initialize()"> <div id="map_canvas"></div> </body> </html>

出来效果还行。

刷新页面返回顶部

htc开发

sogou map 开发 1

About