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 相关文章推荐
js 数组去重的四种实用方法
Sep 09 Javascript
CSS javascript 结合实现悬浮固定菜单效果
Aug 23 Javascript
jquery动画效果学习笔记(8种效果)
Nov 13 Javascript
js获取图片宽高的方法
Nov 25 Javascript
如何消除inline-block属性带来的标签间间隙
Mar 31 Javascript
解决vue 路由变化页面数据不刷新的问题
Mar 13 Javascript
基于JavaScript实现瀑布流布局
Aug 15 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
Sep 19 Javascript
基于layui table返回的值的多级嵌套的解决方法
Sep 19 Javascript
Node.js API详解之 os模块用法实例分析
May 06 Javascript
Vue数组响应式操作及高阶函数使用代码详解
Aug 01 Javascript
Vue和React有哪些区别
Sep 12 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
mysql下创建字段并设置主键的php代码
2010/05/16 PHP
解析阿里云ubuntu12.04环境下配置Apache+PHP+PHPmyadmin+MYsql
2013/06/26 PHP
PHP随机生成唯一HASH值自定义函数
2015/04/20 PHP
Zend Framework教程之Application和Bootstrap用法详解
2016/03/10 PHP
centos下file_put_contents()无法写入文件的原因及解决方法
2017/04/01 PHP
javascript 同时在IE和FireFox获取KeyCode的代码
2010/02/07 Javascript
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
jQuery中map()方法用法实例
2015/01/06 Javascript
JavaScript监听和禁用浏览器回车事件实例
2015/01/31 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
JS实用的动画弹出层效果实例
2015/05/05 Javascript
js面向对象的写法
2016/02/19 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
图文详解JavaScript的原型对象及原型链
2016/08/02 Javascript
jQuery可见性过滤选择器用法示例
2016/09/09 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
2016/10/17 Javascript
React如何避免重渲染
2018/04/10 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
CentOS7.3编译安装Python3.6.2的方法
2018/01/22 Python
python3 中文乱码与默认编码格式设定方法
2018/10/31 Python
python 对类的成员函数开启线程的方法
2019/01/22 Python
pandas删除指定行详解
2019/04/04 Python
简单了解Python3里的一些新特性
2019/07/13 Python
浅谈PyQt5中异步刷新UI和Python多线程总结
2019/12/13 Python
使用Nibabel库对nii格式图像的读写操作
2020/07/01 Python
Canvas 文字碰撞检测并抽稀的方法
2019/05/27 HTML / CSS
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
介绍Ibatis的核心类
2013/11/18 面试题
大四学年自我鉴定
2013/11/13 职场文书
慰问敬老院活动总结
2014/04/26 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
售后服务承诺函格式
2015/01/21 职场文书
公证书格式
2015/01/23 职场文书
唱歌比赛拉拉队口号
2015/12/25 职场文书
Linux中sftp常用命令整理
2022/06/28 Servers