SOSO地图JS画出标注和中心点以html形式运行


Posted in Javascript onAugust 09, 2013

直接贴出代码,这个可以在本地创建一个html文件直接运行:

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>Map</title> 
<script charset="utf-8" src="http://map.soso.com/api/v2/main.js"></script> 
<script> 
function init() { 
var center = new soso.maps.LatLng(31.15953,121.516035); 
var map = new soso.maps.Map( 
document.getElementById("container"), 
{ 
center: center,//显示地图的中心位置 
zoom: 15//显示地图的缩放级别 
} 
); //地图第一个mark的坐标 
var position1 = new soso.maps.LatLng(31.15751,121.514061); 
var marker = new soso.maps.Marker({ 
position: position1, 
map: map 
}); 
//地图第二个mark的坐标 
var position2 = new soso.maps.LatLng(31.160705,121.524017); 
var marker = new soso.maps.Marker({ 
position: position2, 
map: map 
}); 
} 
function loadScript() { 
var script = document.createElement("script"); 
script.type = "text/javascript"; 
script.src = "http://map.soso.com/api/v2/main.js?callback=init"; 
document.body.appendChild(script); 
} 
window.onload = loadScript; 
</script> 
</head> 
<body onload="init()"> 
<div id="container" style="width:1000px; height:800px"></div> 
</body> 
</html>
Javascript 相关文章推荐
jQuery控制iFrame(实例代码)
Nov 19 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
Mar 30 Javascript
javascript 常用验证函数总结
Jun 28 Javascript
第一次接触神奇的Bootstrap
Oct 14 Javascript
Cookies 和 Session的详解及区别
Apr 21 Javascript
详解Angular 自定义结构指令
Jun 21 Javascript
Angular2 组件通信的实例代码
Jun 23 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
用element的upload组件实现多图片上传和压缩的示例代码
Feb 12 Javascript
微信小程序request请求封装,验签代码实例
Dec 04 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
Sep 18 Javascript
javascript判断机器是否联网的2种方法
Aug 09 #Javascript
jquery 列表双向选择器之改进版
Aug 09 #Javascript
jquery 简单应用示例总结
Aug 09 #Javascript
JS命名空间的另一种实现
Aug 09 #Javascript
使用javascript创建快捷方式的简单实例
Aug 09 #Javascript
使用js修改客户端注册表的方法
Aug 09 #Javascript
jquery 利用show和hidden实现级联菜单示例代码
Aug 09 #Javascript
You might like
提高PHP编程效率的方法
2013/11/07 PHP
php抓取并保存网站图片的实现代码
2015/10/28 PHP
php封装的数据库函数与用法示例【参考thinkPHP】
2016/11/08 PHP
简单的js分页脚本
2009/05/21 Javascript
自己的js工具_Form 封装
2009/08/21 Javascript
javascript Demo模态窗口
2009/12/06 Javascript
深入理解Javascript闭包 新手版
2010/12/28 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
2012/10/11 Javascript
JavaScript在多浏览器下for循环的使用方法
2012/11/07 Javascript
jquery怎样实现ajax联动框(二)
2013/03/08 Javascript
浅谈javascript中自定义模版
2015/01/29 Javascript
JS实现控制表格行文本对齐的方法
2015/03/30 Javascript
javascript学习总结之js使用技巧
2015/09/02 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
vue.js 初体验之Chrome 插件开发实录
2017/05/13 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
2019/02/18 Javascript
JavaScript 作用域实例分析
2019/10/02 Javascript
python3+mysql查询数据并通过邮件群发excel附件
2018/02/24 Python
python梯度下降算法的实现
2020/02/24 Python
Python多线程thread及模块使用实例
2020/04/28 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
使用canvas绘制超炫时钟
2014/12/17 HTML / CSS
中国高端鲜花第一品牌:roseonly(一生只送一人)
2017/02/12 全球购物
计算机专业个人求职自荐信
2013/09/21 职场文书
简历中个人自我评价范文
2013/12/26 职场文书
表彰会主持词
2014/03/26 职场文书
副科竞争上岗演讲稿
2014/05/12 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
最美孝心少年事迹材料
2014/08/15 职场文书
乡镇个人对照检查材料
2014/08/22 职场文书
我为党旗添光彩演讲稿
2014/09/10 职场文书
学习心理学的体会
2014/11/07 职场文书
2014年酒店服务员工作总结
2014/12/08 职场文书
python 进阶学习之python装饰器小结
2021/09/04 Python