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 相关文章推荐
javascript 得到变量类型的函数
May 19 Javascript
js 处理URL实用技巧
Nov 23 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
Dec 21 Javascript
php析构函数的具体用法小结
Mar 11 Javascript
Bootstrap3 Grid system原理及应用详解
Sep 30 Javascript
JS如何设置iOS中微信浏览器的title
Nov 22 Javascript
jQuery动态产生select option下拉列表
Mar 15 Javascript
vue iView 上传组件之手动上传功能
Mar 16 Javascript
vue-自定义组件传值的实例讲解
Sep 18 Javascript
BootStrap modal实现拖拽功能
Dec 01 Javascript
微信小程序实现的一键复制功能示例
Apr 24 Javascript
vue 在服务器端直接修改请求的接口地址
Dec 19 Vue.js
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使用json_encode对变量json编码
2014/04/07 PHP
IIS6.0 开启Gzip方法及PHP Gzip函数分享
2014/06/08 PHP
PHP中Fatal error session_start()错误解决步骤
2014/08/05 PHP
javascript生成/解析dom的CDATA类型的字段的代码
2007/04/22 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
Javascript中封装window.open解决不兼容问题
2014/09/28 Javascript
jQuery插件datepicker 日期连续选择
2015/06/12 Javascript
JavaScript生成验证码并实现验证功能
2016/09/24 Javascript
BootStrap实现手机端轮播图左右滑动事件
2016/10/13 Javascript
jQuery之动画效果大全
2016/11/09 Javascript
bootstrap table配置参数例子
2017/01/05 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
2017/03/06 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
mpvue中使用flyjs全局拦截的实现代码
2018/09/13 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
2019/02/02 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
2019/07/18 Javascript
JS实现图片切换特效
2019/12/23 Javascript
详解jQuery中的prop()使用方法
2020/01/05 jQuery
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
[01:33]完美世界DOTA2联赛PWL S3 集锦第二期
2020/12/21 DOTA
python实现得到一个给定类的虚函数
2014/09/28 Python
Python实现的手机号归属地相关信息查询功能示例
2017/06/08 Python
TensorFlow模型保存/载入的两种方法
2018/03/08 Python
python的内存管理和垃圾回收机制详解
2019/05/18 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
一行Python代码过滤标点符号等特殊字符
2019/08/12 Python
Django返回HTML文件的实现方法
2020/09/17 Python
用ldap作为django后端用户登录验证的实现
2020/12/07 Python
Nisbets法国:英国最大的厨房和餐饮设备供应商
2019/03/18 全球购物
介绍Java的内部类
2012/10/27 面试题
cf战队收人广告词
2014/03/14 职场文书
三好学生个人先进事迹材料
2014/05/17 职场文书
2015年语言文字工作总结
2015/07/23 职场文书
Python 快速验证代理IP是否有效的方法实现
2021/07/15 Python
js中Map和Set的用法及区别实例详解
2022/02/15 Javascript
Python+pyaudio实现音频控制示例详解
2022/07/23 Python